:root{--bg:#070b14;--panel:#0f1a2e;--ink:#e8eef8;--muted:#9aa8bf;--line:#94a3b829;--grad:linear-gradient(135deg,#22d3ee 0%,#3b82f6 50%,#8b5cf6 100%)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Segoe UI,system-ui,-apple-system,Roboto,Inter,Arial,sans-serif;line-height:1.7}a{color:#a5f3fc}.wrap{max-width:860px;margin:0 auto;padding:0 22px}header{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#070b14d9;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;max-width:1180px;height:68px;display:flex}.brand{color:var(--ink);align-items:center;gap:11px;font-size:18px;font-weight:800;text-decoration:none;display:flex}.brand svg{width:34px;height:34px}.grad-text{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text}.back{color:var(--muted);font-size:15px;font-weight:600;text-decoration:none}.back:hover{color:var(--ink)}main{padding:64px 0 80px}h1{letter-spacing:-.02em;margin-bottom:10px;font-size:clamp(32px,4.5vw,46px);line-height:1.1}.sub{color:var(--muted);margin-bottom:40px}h2{margin:40px 0 12px;padding-top:8px;font-size:22px}h3{margin:24px 0 8px;font-size:17px}h4{color:#e2e8f0;margin:16px 0 6px;font-size:15.5px}p,li{color:#cbd5e1;font-size:16px}p{margin-bottom:12px}ul{margin:0 0 14px 22px}.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;margin:16px 0;padding:22px 24px}.card p{margin-bottom:4px}.btn{cursor:pointer;background:var(--grad);color:#fff;border:0;border-radius:12px;align-items:center;gap:9px;padding:13px 22px;font-size:15.5px;font-weight:700;text-decoration:none;display:inline-flex}.btn-ghost{color:var(--ink);border:1px solid var(--line);background:#ffffff0a}footer{border-top:1px solid var(--line);color:var(--muted);padding:28px 0;font-size:14px}footer .wrap{flex-wrap:wrap;justify-content:space-between;gap:12px;max-width:1180px;display:flex}footer nav a{color:var(--muted);margin-left:18px;text-decoration:none}footer nav a:hover{color:var(--ink)}.small{color:#7c8aa3;font-size:13.5px}