*{box-sizing:border-box}
body{margin:0;background:#07080d;color:#e8ecff;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.55;min-height:100vh}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
 background:radial-gradient(ellipse 60% 40% at 80% 5%,#4b3bb333,transparent),radial-gradient(ellipse 40% 30% at 10% 0,#4cc9f012,transparent),
 linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:auto,auto,48px 48px,48px 48px}
body>*{position:relative;z-index:1}
a{color:inherit;text-decoration:none}
.in{max-width:1000px;margin:0 auto;padding:0 24px}.narrow{max-width:720px}
.nav{position:sticky;top:0;background:#07080dd9;backdrop-filter:blur(8px);border-bottom:1px solid #1c1f30;z-index:5}
.nav .in{display:flex;align-items:center;gap:28px;height:64px}
.nav nav{display:flex;gap:22px;flex:1;color:#aab4dc;font-size:15px}.nav nav a:hover{color:#fff}
.logo{font-weight:800;font-size:20px}.logo span{background:linear-gradient(90deg,#4cc9f0,#7b61ff);-webkit-background-clip:text;color:transparent}
.btn{display:inline-block;padding:13px 26px;border-radius:12px;background:linear-gradient(90deg,#4cc9f0,#7b61ff);color:#fff;font-weight:600;border:0;cursor:pointer;font-size:15px;font-family:inherit}
.btn.small{padding:9px 16px;font-size:14px;border-radius:10px}
.btn.ghost,.nav .btn{background:#0d0f18;border:1px solid #23263a}
.btn.ghost:hover,.nav .btn:hover{border-color:#7b61ff;filter:none}
.btn:hover{filter:brightness(1.1)}.btn:disabled{opacity:.6}
.hero{text-align:center;padding:96px 0 72px}
.hero h1{font-size:clamp(36px,6vw,60px);margin:18px 0;line-height:1.1}
.hero p{max-width:600px;margin:0 auto 28px;color:#aab4dc;font-size:18px}
.hero .note{font-size:14px;margin:22px 0 0;color:#6c7499}
.pill{display:inline-flex;align-items:center;gap:8px;padding:5px 14px;border:1px solid #1d5a3a;background:#0b1f17;border-radius:99px;color:#2ecc71;font-size:13px;font-weight:600}
.row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.sec{padding:72px 0}.alt{background:#090b1280;border-top:1px solid #1c1f30;border-bottom:1px solid #1c1f30}
.sec h2{text-align:center;font-size:32px;margin:0 0 8px}.sub{text-align:center;color:#8f9bc7;margin:0 0 40px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:36px}
.card{position:relative;background:#0b0d15;border:1px solid #1c1f30;border-radius:18px;padding:24px}
.card:hover{border-color:#3a3f66}
.card h3{margin:12px 0 6px}.card p{color:#8f9bc7;margin:0 0 14px;font-size:15px}
.card.best{border-color:#6a55e6;box-shadow:0 0 0 1px #6a55e633}
.tag{position:absolute;top:-11px;right:16px;background:#7b61ff;font-size:12px;padding:3px 10px;border-radius:99px;font-weight:600}
.ico{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-weight:800;background:#151832;border:1px solid #23274a;color:#a99bff}
.from{font-weight:700;margin-bottom:14px}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:36px}
.steps>div{background:#0b0d15;border:1px solid #1c1f30;border-radius:18px;padding:22px}
.steps b{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#151832;border:1px solid #23274a;color:#a99bff}
.steps h4{margin:12px 0 4px}.steps p{margin:0;color:#8f9bc7;font-size:15px}
details{background:#0b0d15;border:1px solid #1c1f30;border-radius:14px;padding:16px 20px;margin:12px 0}
summary{cursor:pointer;font-weight:600}details p{color:#8f9bc7;margin:10px 0 0}
footer{border-top:1px solid #1c1f30;padding:36px 0;color:#6c7499;font-size:14px}
footer .in{display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between}
footer div a{margin-right:20px}footer div a:hover{color:#fff}footer p{margin:0;width:100%}
.auth{display:grid;place-items:center;min-height:calc(100vh - 65px);padding:24px}
.auth .card{width:380px;max-width:100%;padding:30px}
.auth h1{margin:0 0 4px;font-size:26px}.auth .s{margin:0 0 18px;color:#8f9bc7;font-size:14px}
.auth input{width:100%;padding:12px;margin:6px 0;border-radius:10px;border:1px solid #23263a;background:#07080d;color:inherit;font-size:15px}
.auth input:focus{outline:0;border-color:#7b61ff}
.auth .btn{width:100%;margin-top:8px}.auth .links{margin-top:14px;font-size:14px;color:#8f9bc7}.auth .links a{color:#a99bff;cursor:pointer}
.err{color:#ff6b81;min-height:20px;font-size:14px}.hide{display:none}
.keyshow{display:block;background:#090b12;border:1px dashed #2c3050;padding:14px;border-radius:12px;font-size:17px;margin:16px 0;user-select:all;text-align:center}
@media(max-width:700px){.nav nav{display:none}.nav .in{justify-content:space-between}}