body{font-family:'Trebuchet MS',Arial,sans-serif;background-color:#222;color:#f0f0f0;margin:0;padding:0;line-height:1.6;overflow-x:hidden} a{text-decoration:none;color:#33cfff} .mbhl{max-width:1200px;margin:0 auto;padding:0 10px;box-sizing:border-box} header,footer{background-color:#0a0a0a;color:#dddddd;width:100%;margin:0;padding:10px 0} header .mbhl{display:flex;justify-content:space-between;align-items:center} header a{color:#dddddd;text-decoration:none;font-size:24px;font-weight:bold} footer a{color:#dddddd;text-decoration:underline} .ttu{display:flex;gap:30px} .ttu a{color:#dddddd;text-decoration:none;font-size:18px;transition:opacity 0.3s ease,border-bottom 0.3s ease;border-bottom:2px solid transparent} .ttu a:hover{opacity:0.8} @media(max-width:768px){.ttu{display:none}} .lang{position:relative;display:inline-block;margin-left:30px} .lang button{background-color:transparent;border:none;padding:2px;cursor:pointer;display:flex;align-items:center} .lang button img{width:28px;height:18px} .evaw{display:none;position:absolute;top:100%;right:0;background-color:#0a0a0a;border:1px solid #3a3a3a;border-radius:4px;box-shadow:0 4px 8px #0a0a0a33;z-index:1000;margin-top:5px} .evaw.show{display:block} .evaw a{display:flex;align-items:center;padding:8px 12px;text-decoration:none;color:#f0f0f0;gap:8px;font-size:14px;transition:color 0.3s ease} .evaw a:hover{color:#00aaff;background-color:#353535} .evaw a img{width:20px;height:13px} main{padding:2px 0} h1{font-size:28px;font-weight:bold;color:#f0f0f0;text-transform: uppercase;margin-bottom:20px} h2{font-size:20px;font-weight:bold;color:#f0f0f0;margin-bottom:15px} .hanp{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px} .zvvx{background:#0a0a0a;border-radius:2px;padding:15px;border:1px solid #2e2e2e;transition:border-color 0.2s ease;position:relative} .zvvx:hover{border-color:#3f3f3f} .zvvx img{width:40px;height:40px;margin-right:10px;vertical-align:middle} a.zvvx-icon{position:absolute;top:5px;right:5px;width:20px;height:20px;background-color:#3f3f3f;-webkit-mask:url('/static/f/e.svg') no-repeat center;mask:url('/static/f/e.svg') no-repeat center;-webkit-mask-size:contain;mask-size:contain;transition:background-color 0.1s ease} a.zvvx-icon:hover{background-color:#3f3f3f;filter:brightness(0.9)} .anc{font-size:18px;color:#00aaff;text-decoration:none;transition:color 0.2s ease} .anc:hover{color:#33cfff;text-decoration:none} footer .mbhl{text-align:center} h1 a{text-decoration: none;font-size: inherit;font-weight: inherit;color: #00aaff} h1 a:hover{text-decoration: underline;filter:brightness(1.1)} .wbts{display:flex;justify-content:center;align-items:center;gap:10px;margin:20px;flex-wrap:wrap} .tmni{color:#f0f0f0;background-color:#181818;border:1px solid #2e2e2e;padding:8px 14px;text-decoration:none;border-radius:2px;font-size:16px} .tmni:hover{color:#33cfff;border-color:#3f3f3f;transition:color 0.2s ease,border-color 0.2s ease} .tmni.active{border:1px solid #00aaff66;cursor:default} .myn{font-size:28px;font-weight:700;color:#00aaff;text-transform:uppercase;letter-spacing:1px;text-decoration:none;transition:color 0.3s ease,filter 0.3s ease} .myn:hover{color:#33cfff;filter:brightness(1.1)} .myn .coe{font-weight:400;color:#dddddd;filter:brightness(1.1)} .letx{background-color:#181818;padding:4px 12px;border-radius:4px;border:1px solid #2e2e2e;margin-top:4px} .ahc{display:flex;flex-direction:column;gap:20px} .vux{display:flex;flex-direction:column} .vux label{color:#f0f0f0;margin-bottom:8px;font-size:16px} .ahc input,.ahc textarea{background-color:#101010;border:1px solid #2e2e2e;padding:10px 12px;color:#f0f0f0;font-size:16px;border-radius:2px;transition:border-color 0.3s ease,filter 0.3s ease} .ahc input:focus,.ahc textarea:focus{border-color:#00aaff;filter:brightness(1.05);outline:none} .ahc button{background-color:#00aaff;color:#101010;border:none;padding:12px 20px;font-size:16px;font-weight:bold;border-radius:2px;cursor:pointer;transition:filter 0.3s ease,transform 0.2s ease;align-self:flex-start;filter:brightness(1)} .ahc button:hover{filter:brightness(1.1)} .ahc button:active{filter:brightness(0.95);transform:scale(0.98)} .imfdn{display:flex;flex-direction:column} .wfq{display:flex;align-items:center;gap:10px} .xpkr{display: flex;align-items: center} .wfq input{width:100px} .wfq img{height:38px;border:1px solid #2e2e2e;border-radius:2px} #ejvz{position:fixed;bottom:16px;right:16px;z-index:99;width:40px;height:40px;background-color:#00aaff;border:none;border-radius:4px;cursor:pointer;padding:0;opacity:0.6;visibility:hidden;pointer-events:none;transition:opacity 0.3s ease,background-color 0.3s ease,filter 0.3s ease;display:flex;justify-content:center;align-items:center;filter:brightness(1.4)} #ejvz.show{opacity:0.7;visibility:visible;pointer-events:auto} #ejvz:hover{opacity:1} #ejvz::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-40%) rotate(45deg);width:12px;height:12px;border-left:4px solid #000;border-top:4px solid #000} @media(min-width:1025px){#ejvz{width:44px;height:44px} #ejvz::before{width:16px;height:16px}} @media(max-width:480px){.hanp{gap:10px} #ejvz{width:39px;height:39px} #ejvz::before{width:11px;height:11px}}