:root{--bg:#050b12;--card:#091724;--card2:#0c1c2b;--line:#17364a;--cyan:#16d6f4;--text:#f4f7fa;--soft:#9baec0;--muted:#58758e;--green:#25d6a2;--red:#ff625f;--amber:#f5b84b}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:radial-gradient(circle at 65% -20%,#10283a 0,transparent 38%),var(--bg);color:var(--text);font-family:"DM Sans",sans-serif;min-height:100vh;padding-bottom:82px}.topbar{height:72px;border-bottom:1px solid #132738;background:rgba(4,10,17,.95);display:flex;align-items:center;padding:0 max(28px,calc((100vw - 1400px)/2));position:sticky;top:0;z-index:20}.brand img{width:170px;height:56px;object-fit:contain}.top-actions{margin-left:auto;display:flex;align-items:center;gap:18px}.lang{border:1px solid #132b3c;border-radius:9px;padding:9px 12px;color:var(--muted);font:9px "Space Mono"}.btn-login,.account-chip{border:1px solid #1a4960;border-radius:9px;padding:9px 14px;color:var(--cyan);text-decoration:none;font:700 10px "Space Mono"}.page{width:min(1400px,calc(100% - 56px));margin:34px auto 50px}.eyebrow,.section-title{color:var(--cyan);font:700 10px "Space Mono";letter-spacing:.18em;text-transform:uppercase}.hero{display:grid;grid-template-columns:1fr 1.25fr;gap:36px;align-items:center;margin-bottom:26px}.hero h1{font:clamp(48px,5vw,76px)/.98 "Bebas Neue";letter-spacing:.01em;margin:20px 0 14px}.hero p{color:var(--soft);font-size:16px;line-height:1.65;max-width:640px}.card{background:linear-gradient(145deg,#0b1c2b,#07131f);border:1px solid var(--line);border-radius:12px;padding:20px}.card-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #193245;padding-bottom:13px;margin-bottom:16px}.card-head h2,.card-head h3{margin:0;font:700 11px "Space Mono";letter-spacing:.12em;text-transform:uppercase;color:var(--cyan)}.muted{color:var(--soft)}.metrics{display:grid;grid-template-columns:repeat(4,1fr)}.metric{padding:10px 18px;border-left:1px solid #193245}.metric:first-child{border-left:0}.metric b{display:block;color:var(--cyan);font:36px "Bebas Neue"}.metric span{color:var(--muted);font:8px "Space Mono";text-transform:uppercase}.notice{border:1px solid var(--line);border-radius:8px;padding:10px 13px;color:var(--soft);font-size:11px;margin:12px 0}.grid{display:grid;gap:14px}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.field{display:grid;grid-template-columns:1fr 1.1fr;gap:12px;align-items:center;margin:11px 0}.field label{font:9px "Space Mono";color:var(--soft);text-transform:uppercase}.input,select{width:100%;background:#0b1a28;border:1px solid #1a3548;border-radius:7px;padding:11px;color:var(--text);font:inherit}.primary,.secondary,.danger{border-radius:7px;padding:11px 15px;font:700 9px "Space Mono";letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.primary{background:var(--cyan);border:1px solid var(--cyan);color:#03151b}.secondary{background:transparent;border:1px solid #24475d;color:var(--soft)}.danger{background:transparent;border:1px solid rgba(255,98,95,.5);color:var(--red)}.result{border:1px solid #1f4b60;border-radius:9px;background:rgba(22,214,244,.04);padding:16px;margin-top:14px;display:flex;justify-content:space-between;align-items:end}.result strong{font:38px "Bebas Neue";color:var(--cyan)}.table{width:100%;border-collapse:collapse}.table th{text-align:left;color:var(--muted);font:8px "Space Mono";padding:8px}.table td{padding:11px 8px;border-top:1px solid #172d3d;font-size:11px}.pill{display:inline-flex;border:1px solid #24475d;border-radius:99px;padding:6px 10px;font:8px "Space Mono";color:var(--soft)}.pill.pro{color:var(--cyan);border-color:#16718b}.pill.win{color:var(--green)}.pill.loss{color:var(--red)}.pro-note{border-left:2px solid var(--cyan);background:rgba(22,214,244,.05);padding:12px;color:var(--soft);font-size:11px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:66px;background:rgba(4,10,17,.98);border-top:1px solid #142738;display:flex;justify-content:center;gap:min(9vw,130px);z-index:30}.bottom-nav a{width:74px;text-decoration:none;color:#57758e;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.bottom-nav a.active{color:var(--cyan)}.bottom-nav span{font-size:20px}.bottom-nav b{font:7px "Space Mono";letter-spacing:.12em;text-transform:uppercase}.auth-wrap{width:min(480px,100%);margin:50px auto}.hidden{display:none!important}.message{font-size:11px;color:var(--soft);min-height:18px;margin-top:10px}.message.error{color:var(--red)}.message.success{color:var(--green)}
.plan-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.plan-col{border:1px solid var(--line);border-radius:9px;padding:14px}.plan-col h3{margin:0 0 10px;font:700 11px "Space Mono";letter-spacing:.08em;text-transform:uppercase;color:var(--soft)}.plan-col ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.plan-col li{font-size:12px;color:var(--soft);padding-left:18px;position:relative;line-height:1.4}.plan-col li:before{content:"✓";position:absolute;left:0;color:var(--muted)}.plan-col-pro{border-color:var(--cyan);background:rgba(22,214,244,.06)}.plan-col-pro h3{color:var(--cyan)}.plan-col-pro li:before{color:var(--cyan)}
.profile{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center}.avatar{width:76px;height:76px;border:1px solid var(--cyan);border-radius:50%;display:grid;place-items:center;font:30px "Bebas Neue"}.profile h2{margin:0 0 5px}.account-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:14px}.stack{display:grid;gap:14px}.setting{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid #172d3d}.setting:first-child{border-top:0}.switch{width:42px;height:23px;border:0;border-radius:20px;background:#284052;position:relative}.switch.on{background:var(--cyan)}.switch:after{content:"";position:absolute;top:3px;left:3px;width:17px;height:17px;background:white;border-radius:50%;transition:.2s}.switch.on:after{left:22px}.article-hero{min-height:280px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(120deg,rgba(6,18,28,.15),#07131f),radial-gradient(circle at 80% 30%,rgba(22,214,244,.18),transparent 35%)}.article-hero h2{font-size:30px;max-width:620px;margin:12px 0}.filters{display:flex;gap:10px;border-bottom:1px solid #172d3d;padding:12px 0 16px;margin-bottom:16px}.filters button{background:none;border:1px solid transparent;color:var(--soft);padding:8px 14px;border-radius:7px}.filters button.active{color:var(--cyan);border-color:var(--cyan)}.articles{grid-template-columns:1.5fr 1fr 1fr}.article{min-height:220px;display:flex;flex-direction:column}.article h3{font-size:20px;margin:14px 0 8px}.article p{color:var(--soft);font-size:12px;line-height:1.6}.article footer{margin-top:auto;color:var(--muted);font:8px "Space Mono"}.rank{display:grid;grid-template-columns:26px 1fr auto;gap:10px;padding:12px 0;border-top:1px solid #172d3d;font-size:11px}.rank b{color:var(--cyan)}
@media(max-width:850px){.topbar{height:58px;padding:0 14px}.brand img{width:125px}.page{width:calc(100% - 22px);margin-top:18px}.hero,.account-layout,.grid.three,.grid.two,.articles,.plan-compare{grid-template-columns:1fr}.hero h1{font-size:48px}.metrics{grid-template-columns:1fr 1fr}.metric:nth-child(3){border-left:0}.field{grid-template-columns:1fr}.profile{grid-template-columns:auto 1fr}.profile>.primary,.profile>.secondary{grid-column:1/-1}.bottom-nav{gap:0;justify-content:space-around}.bottom-nav a{width:20%}.top-actions .lang{display:none}}