@font-face{font-family:Inter;font-weight:400;src:url(fonts/inter-latin-400-normal.woff2)}
@font-face{font-family:Inter;font-weight:500;src:url(fonts/inter-latin-500-normal.woff2)}
@font-face{font-family:Inter;font-weight:600;src:url(fonts/inter-latin-600-normal.woff2)}
@font-face{font-family:Rajdhani;font-weight:600;src:url(fonts/rajdhani-latin-600-normal.woff2)}
@font-face{font-family:Rajdhani;font-weight:700;src:url(fonts/rajdhani-latin-700-normal.woff2)}
@font-face{font-family:Chakra;font-weight:700;src:url(fonts/chakra-petch-latin-700-normal.woff2)}
:root{--acc:#2f7bff;--acc2:#5fa0ff;--text:#eef2f8;--muted:#9aa6b8;--line:rgba(255,255,255,.1);--bg:#05070b;--card:#0a0f17;--ok:#3ddc84}
*{box-sizing:border-box;margin:0}
body{font:15px/1.5 Inter,sans-serif;color:var(--text);background:var(--bg)}
.hidden,[hidden]{display:none!important}
a{color:inherit;text-decoration:none}
.h{font-family:Rajdhani;font-weight:700;text-transform:uppercase;letter-spacing:.03em;line-height:1}
.tag{font:700 12px Rajdhani;letter-spacing:.22em;color:var(--acc2);text-transform:uppercase}
.btn{display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 26px;font:700 15px Rajdhani;letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--line)}
.btn.pri{background:linear-gradient(135deg,#2f7bff,#1d5fe0);border-color:transparent;box-shadow:0 12px 34px rgba(47,123,255,.32)}
.btn.ghost{background:rgba(255,255,255,.03)}
.btn.sm{height:40px;padding:0 18px;font-size:13px}
.disc{background:#5865f2;border-color:transparent}
/* header */
header{position:absolute;top:0;left:0;right:0;height:84px;display:flex;align-items:center;gap:36px;padding:0 64px;z-index:5;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(5,7,11,.92),rgba(5,7,11,.6))}
header .logo{height:44px}
header nav{display:flex;gap:30px;font:700 14px Rajdhani;letter-spacing:.14em;text-transform:uppercase;color:#aeb8c7}
header nav b{color:#fff;position:relative}header nav b::after{content:"";position:absolute;left:0;right:0;bottom:-31px;height:2px;background:var(--acc)}
header .r{margin-left:auto;display:flex;align-items:center;gap:14px}
.pill{display:flex;align-items:center;gap:8px;height:34px;padding:0 14px;border:1px solid var(--line);border-radius:20px;font:700 12px Rajdhani;letter-spacing:.12em;color:#cfd6e0}
.dot{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 10px var(--ok)}
.me{display:flex;align-items:center;gap:12px;height:50px;padding:0 14px 0 8px;border:1px solid var(--line);background:rgba(0,0,0,.4)}
.me img{width:36px;height:36px;object-fit:contain}
.me b{display:block;font:700 15px Rajdhani;letter-spacing:.06em;text-transform:uppercase}
.me small{color:var(--acc2);font-size:11px}
/* hero */
.hero{position:relative;height:860px;overflow:hidden}
.hero .bg{position:absolute;inset:0;background:url(bg-warfex.jpg) 62% 30%/cover}
.hero .sh{position:absolute;inset:0;background:linear-gradient(90deg,#05070b 8%,rgba(5,7,11,.82) 38%,rgba(5,7,11,.15) 70%),linear-gradient(0deg,#05070b,rgba(5,7,11,0) 35%)}
.hero .hin{position:absolute;left:64px;top:190px;width:620px}
.hero h1{font-size:96px;margin:18px 0 6px}
.hero h1 span{color:var(--acc2);display:block}
.hero p{color:#c3ccd8;font-size:17px;margin:20px 0 34px;max-width:520px}
.hero .cta{display:flex;gap:12px}
.hero .note{margin-top:18px;color:var(--muted);font-size:14px}.hero .note b{color:var(--acc2)}
.stats{position:absolute;left:64px;bottom:56px;display:flex;gap:0;border:1px solid var(--line);background:rgba(6,9,14,.75)}
.stats div{padding:16px 30px;border-right:1px solid var(--line)}.stats div:last-child{border:0}
.stats b{display:block;font:700 28px Rajdhani}.stats span{color:var(--muted);font-size:12px;letter-spacing:.08em;text-transform:uppercase}
section.wrap{padding:70px 64px}
.sech{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}
.sech h2{font-size:40px;margin-top:10px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.news{background:var(--card);border:1px solid var(--line);overflow:hidden}
.news img{width:100%;height:190px;object-fit:cover;display:block}
.news div{padding:20px 22px 24px}
.news h3{font-size:22px;margin:10px 0 8px}
.news p{color:var(--muted);font-size:14px}
.news small{display:block;margin-top:14px;color:#6f7a8b;font-size:12px}
footer{border-top:1px solid var(--line);padding:30px 64px;display:flex;align-items:center;gap:30px;color:var(--muted);font-size:13px}
footer img{height:30px;opacity:.9}footer .r{margin-left:auto;display:flex;gap:24px}
/* auth */
.auth{position:relative;min-height:900px;display:grid;grid-template-columns:1fr 560px}
.auth .art{position:relative;overflow:hidden}
.auth .art .bg{position:absolute;inset:0;background:url(bg-warfex.jpg) 30% center/cover}
.auth .art .sh{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,11,.1),rgba(5,7,11,.4) 70%,#05070b),linear-gradient(0deg,rgba(5,7,11,.85),transparent 40%)}
.auth .art .cap{position:absolute;left:64px;bottom:70px;width:520px}
.auth .art .cap h2{font-size:46px;margin:12px 0}.auth .art .cap p{color:#c3ccd8}
.panel{background:#070a10;border-left:1px solid var(--line);padding:140px 64px 40px;position:relative}
.panel::before{content:"";position:absolute;left:-1px;top:140px;height:120px;width:2px;background:var(--acc)}
.panel h1{font-size:40px;margin:12px 0 8px}
.panel .sub{color:var(--muted);margin-bottom:28px}
.lbl{display:block;font:700 11px Rajdhani;letter-spacing:.18em;color:#aeb8c7;text-transform:uppercase;margin:0 0 8px}
.in{height:50px;border:1px solid var(--line);background:rgba(255,255,255,.02);display:flex;align-items:center;padding:0 16px;margin-bottom:16px;color:#dfe6f0;font-size:15px}
.in.f{border-color:var(--acc);box-shadow:inset 3px 0 0 var(--acc)}
.in.ok{border-color:rgba(61,220,132,.5)}
.in .r{margin-left:auto;font-size:12px;color:var(--muted)}.in .g{margin-left:auto;color:var(--ok);font-size:12px}
.in.ph{color:#6f7a8b}
.row{display:flex;justify-content:space-between;align-items:center;margin:4px 0 24px;font-size:14px;color:var(--muted)}
.chk{display:flex;gap:10px;align-items:flex-start;color:#cfd6e0;font-size:13px;margin-bottom:12px}
.chk i{flex:none;width:18px;height:18px;background:var(--acc);display:grid;place-items:center;font-style:normal;font-size:12px;margin-top:1px}
.chk i.off{background:none;border:1px solid var(--line)}
.chk a{color:var(--acc2)}
.full{width:100%;justify-content:center}
.or{display:flex;align-items:center;gap:14px;color:#6f7a8b;font-size:12px;margin:18px 0;letter-spacing:.1em}
.or::before,.or::after{content:"";flex:1;height:1px;background:var(--line)}
.foot{margin-top:22px;font-size:14px;color:var(--muted)}.foot b{color:#fff}
.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.strength{display:flex;gap:6px;margin:-8px 0 16px}.strength i{flex:1;height:3px;background:var(--acc)}.strength i.o{background:var(--line)}
.code{display:flex;gap:10px;margin:8px 0 22px}
.code span{width:58px;height:66px;border:1px solid var(--line);display:grid;place-items:center;font:700 30px Chakra;background:rgba(255,255,255,.02)}
.code span.f{border-color:var(--acc);box-shadow:0 0 0 3px rgba(47,123,255,.15)}
.mail{display:flex;gap:14px;align-items:center;padding:14px 16px;border:1px solid var(--line);background:rgba(47,123,255,.06);margin-bottom:22px;font-size:14px}
.mail svg{width:28px;height:28px;fill:var(--acc2);flex:none}
/* account */
.page{padding:124px 64px 60px;min-height:900px;position:relative}
.page .glow{position:absolute;inset:0 0 auto 0;height:420px;background:url(bg-warfex.jpg) center 25%/cover;opacity:.18;mask-image:linear-gradient(180deg,#000,transparent)}
.acc{position:relative;display:grid;grid-template-columns:420px 1fr;gap:24px}
.card{background:var(--card);border:1px solid var(--line);padding:26px}
.ct{font:700 12px Rajdhani;letter-spacing:.18em;color:#aeb8c7;text-transform:uppercase;margin-bottom:18px;display:flex;align-items:center;gap:10px}
.live{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 8px var(--ok)}
.rankc{text-align:center;padding:34px 26px 28px;border-top:3px solid var(--acc)}
.rankc img{width:150px;height:150px;object-fit:contain;filter:drop-shadow(0 10px 30px rgba(47,123,255,.35))}
.rankc h2{font-size:38px;margin:16px 0 6px}
.rankc .rn{color:var(--acc2);font-weight:600}
.rankc .rl{color:var(--muted);font-size:13px;margin-top:4px}
.xpb{margin-top:24px;text-align:left}
.xpb .t{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:8px}
.xpb .b{height:6px;background:rgba(255,255,255,.08)}.xpb .b i{display:block;height:100%;width:45%;background:linear-gradient(90deg,#2f7bff,#6aa8ff)}
.next{display:flex;align-items:center;gap:12px;margin-top:16px;padding:12px;border:1px solid var(--line);text-align:left;font-size:13px;color:var(--muted)}
.next img{width:36px;height:36px}.next b{color:#fff;display:block;font-size:14px}
.coins{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.coin{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid var(--line);border-left:3px solid var(--acc);background:rgba(255,255,255,.02)}
.coin img{width:36px;height:36px;object-fit:contain}
.coin span{display:block;font-size:12px;color:var(--muted)}.coin b{font:700 24px Rajdhani}
.kv{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.kv div{display:flex;justify-content:space-between;align-items:center;height:48px;padding:0 16px;border:1px solid var(--line);font-size:14px}
.kv span{color:var(--muted)}
.ver{color:var(--ok);font-size:12px;border:1px solid rgba(61,220,132,.4);padding:2px 8px;margin-left:8px}
.acts{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}
.act{padding:16px;border:1px solid var(--line);font-size:13px;color:var(--muted)}
.act b{display:block;color:#fff;font-size:14px;margin-bottom:2px}
.tg{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border:1px solid var(--line);margin-top:10px;font-size:14px}
.tg small{display:block;color:var(--muted);font-size:12px}
.sw{width:44px;height:24px;border-radius:12px;background:var(--acc);position:relative}.sw::after{content:"";position:absolute;right:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff}
.stack{display:flex;flex-direction:column;gap:24px}
/* news page */
.feat{display:grid;grid-template-columns:1.4fr 1fr;border:1px solid var(--line);background:var(--card);margin-bottom:24px}
.feat img{width:100%;height:360px;object-fit:cover;display:block}
.feat div{padding:40px}
.feat h2{font-size:42px;margin:14px 0}
.feat p{color:#c3ccd8}
.filters{display:flex;gap:10px;margin-bottom:24px}
.filters button{height:36px;padding:0 16px;display:flex;align-items:center;border:1px solid var(--line);font:700 12px Rajdhani;letter-spacing:.14em;text-transform:uppercase;color:#aeb8c7}
.filters button.on{border-color:var(--acc);color:#fff;background:rgba(47,123,255,.12)}

/* ---- site real ---- */
html{scroll-behavior:smooth}
body{min-height:100vh;display:flex;flex-direction:column}
main{flex:1}
button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}
.btn{cursor:pointer;transition:filter .15s,transform .1s,background .15s}
.btn:hover{filter:brightness(1.12)}.btn:active{transform:translateY(1px)}
.btn:disabled{filter:grayscale(.5) brightness(.75);cursor:wait}
header{position:sticky;top:0;background:rgba(5,7,11,.9);backdrop-filter:blur(10px)}
header nav a{color:#aeb8c7}header nav a:hover{color:#fff}
header nav a.on{color:#fff;position:relative}header nav a.on::after{content:"";position:absolute;left:0;right:0;bottom:-31px;height:2px;background:var(--acc)}
.hero{margin-top:-84px}
input.inp{width:100%;height:50px;border:1px solid var(--line);background:rgba(255,255,255,.02);padding:0 16px;margin-bottom:16px;color:#eef2f8;font:15px Inter;outline:0;transition:border-color .15s,box-shadow .15s}
input.inp:focus{border-color:var(--acc);box-shadow:inset 3px 0 0 var(--acc)}
input.inp.good{border-color:rgba(61,220,132,.55)}input.inp.bad{border-color:rgba(255,90,90,.6)}
.fld{position:relative}
.fld .hint{position:absolute;right:14px;top:15px;font-size:12px}
.fld .hint.g{color:var(--ok)}.fld .hint.b{color:#ff7a7a}
.fld .eye{position:absolute;right:12px;top:13px;font-size:12px;color:var(--muted);letter-spacing:.04em}
label.chk{cursor:pointer}
label.chk input{display:none}
label.chk i{background:none;border:1px solid var(--line)}
label.chk input:checked+i{background:var(--acc);border-color:var(--acc)}
label.chk input:checked+i::after{content:"✓"}
.msg{min-height:22px;margin-top:12px;font-size:14px;color:var(--muted)}
.msg.err{color:#ff7a7a}.msg.ok{color:var(--ok)}
.codein{display:flex;gap:10px;margin:8px 0 22px}
.codein input{width:58px;height:66px;border:1px solid var(--line);background:rgba(255,255,255,.02);text-align:center;font:700 30px Chakra;color:#fff;outline:0}
.codein input:focus{border-color:var(--acc);box-shadow:0 0 0 3px rgba(47,123,255,.15)}
.link{color:var(--acc2);cursor:pointer}
.toast{position:fixed;left:50%;top:100px;transform:translateX(-50%);background:rgba(10,15,23,.97);border:1px solid var(--line);border-left:3px solid var(--acc);padding:13px 20px;font-size:14px;z-index:99;max-width:90vw}
.toast.err{border-left-color:#ff5a5a}
.banner{display:flex;align-items:center;gap:16px;padding:16px 20px;border:1px solid rgba(255,170,60,.4);background:rgba(255,170,60,.08);margin-bottom:24px;position:relative}
.banner b{color:#ffc27a}
.banner .btn{margin-left:auto}
.modal{position:fixed;inset:0;background:rgba(2,4,8,.75);display:grid;place-items:center;z-index:80}
.modal .box{width:440px;max-width:92vw;background:var(--card);border:1px solid var(--line);border-top:3px solid var(--acc);padding:30px}
.modal h3{font:700 26px Rajdhani;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}
.modal p.sub{color:var(--muted);font-size:14px;margin-bottom:20px}
.modal .acts2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px}
.act{cursor:pointer;text-align:left;transition:border-color .15s}
.act:hover{border-color:rgba(47,123,255,.6)}
.sw{cursor:pointer;background:#2a3140;transition:background .2s}.sw::after{right:auto;left:3px;transition:left .2s}
.sw.on{background:var(--acc)}.sw.on::after{left:23px}
.skel{color:transparent!important;background:linear-gradient(90deg,#111824,#1a2333,#111824);background-size:200% 100%;animation:sk 1.2s infinite;border-radius:3px}
@keyframes sk{to{background-position:-200% 0}}
.newsbody{max-width:820px}
.newsbody img{width:100%;max-height:420px;object-fit:cover;border:1px solid var(--line);margin:22px 0}
.newsbody p{color:#c9d2df;font-size:16px;line-height:1.75;white-space:pre-line}
.legal{max-width:860px}
.legal h2{font:700 24px Rajdhani;text-transform:uppercase;margin:28px 0 10px}
.legal p,.legal li{color:#c3ccd8;line-height:1.7}
.legal ul{padding-left:20px}
.news{cursor:pointer;transition:border-color .15s}.news:hover{border-color:rgba(47,123,255,.5)}
.menu-me{cursor:pointer}
@media (max-width:980px){
  header{padding:0 20px;gap:16px}header nav{display:none}.pill{display:none}
  .hero .hin{left:20px;right:20px;width:auto}.hero h1{font-size:64px}.stats{left:20px}
  section.wrap,.page{padding-left:20px;padding-right:20px}
  .grid3,.coins,.kv,.acts,.acc{grid-template-columns:1fr}
  .auth{grid-template-columns:1fr}.auth .art{display:none}.panel{padding:110px 20px 40px;border:0}
  .feat{grid-template-columns:1fr}.feat img{height:220px}
  footer{flex-wrap:wrap;padding:24px 20px}
}