:root{--bg1:#0b0f1a;--bg2:#10162b;--glass:rgba(255,255,255,.06);--stroke:#28334f;--muted:#9aa3b2;--text:#eaf0f9;--brand1:#7C6BFF;--brand2:#61E1FF;--danger:#ef4444;--success:#22c55e}
*{box-sizing:border-box}html,body{height:100%;margin:0;color:var(--text);font-family:Manrope,system-ui,-apple-system,Segoe UI,Roboto,Arial}.wrap{max-width:1120px;margin:0 auto;padding:0 16px}
.bg{position:fixed;inset:0;z-index:-1;background:radial-gradient(900px 600px at 15% -10%,#1e2650 0%,#0b0f1a 60%),radial-gradient(900px 600px at 85% 110%,#102042 0%,transparent 60%),linear-gradient(180deg,var(--bg1),var(--bg2))}
.nav{position:sticky;top:0;backdrop-filter:saturate(1.4) blur(8px);background:rgba(10,14,26,.4);border-bottom:1px solid #1d2640;z-index:10}.nav__row{display:flex;justify-content:space-between;align-items:center;height:64px}
.brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--text);font-weight:800;letter-spacing:.5px}.brand em{color:var(--brand2);font-style:normal}.nav__cta{display:flex;gap:10px;align-items:center}
.link{color:var(--muted);text-decoration:none;padding:8px 12px;border-radius:9px}.link:hover{color:var(--text);background:rgba(255,255,255,.06)}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center;padding:56px 16px 16px}.hero__text h1{font-size:48px;line-height:1.1;margin:0 0 10px}.grad{background:linear-gradient(90deg,var(--brand1),var(--brand2));-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:16px;color:var(--muted);margin:0 0 14px;max-width:560px}.hero__badges{display:flex;gap:10px;flex-wrap:wrap}.badge{background:rgba(255,255,255,.06);border:1px solid var(--stroke);border-radius:999px;padding:8px 12px;font-weight:700}
.card{background:var(--glass);border:1px solid var(--stroke);border-radius:18px;padding:18px}.inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.field{display:flex;flex-direction:column;gap:6px}.field span{font-size:12px;color:var(--muted)}select{appearance:none;background:#0f1530;border:1px solid #303a60;color:var(--text);border-radius:12px;padding:12px 14px;outline:none}
.btn{display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:12px 18px;border-radius:12px;border:1px solid transparent;background:linear-gradient(90deg,var(--brand1),var(--brand2));color:#fff;font-weight:800;cursor:pointer;text-decoration:none;box-shadow:0 8px 24px rgba(124,107,255,.25)}.btn:hover{filter:saturate(1.05)}.btn--ghost{background:transparent;border-color:#33406a;color:#cfe6ff}.btn--ghost:hover{background:rgba(255,255,255,.06)}.btn--xl{padding:14px 22px;font-size:16px}.btn--wide{width:100%}
.status{display:flex;gap:10px;align-items:center;background:#101632;border:1px dashed #2d3560;padding:12px;border-radius:12px;color:var(--muted);margin:6px 0}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid #6c70ff;border-top-color:transparent;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.signal{display:flex;justify-content:space-between;gap:18px;align-items:center;background:rgba(255,255,255,.04);border:1px solid var(--stroke);border-radius:14px;padding:14px;margin-top:6px}.signal__left .kv{font-size:12px;color:var(--muted);margin-top:6px}.val{font-weight:800}.dir{display:inline-flex;align-items:center;justify-content:center;font-weight:900;padding:8px 12px;border-radius:999px}.dir--up{background:rgba(34,197,94,.15);color:var(--success)}.dir--down{background:rgba(239,68,68,.15);color:var(--danger)}
.gauge{position:relative;width:120px;height:120px;display:grid;place-items:center}.gauge__ring{position:absolute;inset:0;border-radius:50%;background:conic-gradient(var(--brand2) 0deg,var(--brand1) var(--deg),rgba(255,255,255,.08) var(--deg) 360deg);mask:radial-gradient(circle at center, transparent 54%, #000 55%)}.gauge__label{font-weight:900;font-size:26px}
.social{padding:28px 16px}.social__box{display:flex;gap:14px;align-items:center;justify-content:center;background:var(--glass);border:1px solid var(--stroke);border-radius:16px;padding:14px}.dot{opacity:.4}.counter .num{font-weight:900;font-size:18px}
.steps{padding:10px 16px 6px}.steps h2,.faq h2,.cta h2{margin:0 0 12px}.steps__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.step{padding:16px;border-radius:16px;background:var(--glass);border:1px solid var(--stroke)}.step .ic{width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.06);display:grid;place-items:center;margin-bottom:10px}
.faq{padding:10px 16px 28px}.acc{margin-bottom:10px;border-radius:14px;background:var(--glass);border:1px solid var(--stroke)}.acc__btn{width:100%;text-align:left;background:transparent;border:0;color:var(--text);padding:14px 16px;font-weight:700;cursor:pointer}.acc__body{display:none;padding:0 16px 16px;color:var(--muted)}.acc.open .acc__body{display:block}
.cta{padding:0 16px 56px}.cta__box{display:grid;place-items:center;text-align:center;padding:24px;border-radius:18px;background:var(--glass);border:1px solid var(--stroke)}
.footer{border-top:1px solid #1d2640;background:rgba(10,14,26,.4);padding:20px 0;margin-top:36px}.footer__grid{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:start}.footer__links{display:grid;gap:6px}.copyright{color:var(--muted);font-size:12px;margin-top:10px}
.hidden{display:none}
@media (max-width:960px){.hero{grid-template-columns:1fr;gap:16px;padding-top:24px}.inputs{grid-template-columns:1fr}.gauge{width:96px;height:96px}.steps__grid{grid-template-columns:1fr}}