:root{--bg:#0b0f17;--panel:#ffffff0f;--panel2:#ffffff17;--text:#ffffffeb;--muted:#ffffffad;--border:#ffffff24;--accent:#7c5cff;--accent2:#2dd4bf;--danger:#ff4d6d;--shadow:0 24px 80px #00000080}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;padding:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.container{max-width:1120px;margin:0 auto;padding:0 20px}.nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);z-index:50;background:linear-gradient(#0b0f17d1,#0b0f178c);position:sticky;top:0}.navInner{justify-content:space-between;align-items:center;height:68px;display:flex}.brand{letter-spacing:.2px;align-items:center;gap:10px;font-weight:700;display:flex}.logoDot{background:linear-gradient(135deg,var(--accent),var(--accent2));border-radius:999px;width:10px;height:10px;box-shadow:0 0 18px #7c5cff73}.navLinks{color:var(--muted);align-items:center;gap:18px;font-size:14px;display:flex}.navLinks a:hover{color:var(--text)}.btnRow{align-items:center;gap:10px;display:flex}.btn{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#ffffff0a;border-radius:12px;padding:10px 14px;font-size:14px;font-weight:600;transition:transform 50ms,background .15s,border .15s}.btn:hover{background:#ffffff12}.btn:active{transform:translateY(1px)}.btnPrimary{color:#0b0f17;background:linear-gradient(135deg,#7c5cfff2,#2dd4bfd9);border:1px solid #7c5cffa6}.btnPrimary:hover{filter:brightness(1.03)}.hero{background:radial-gradient(900px 420px at 30% 10%,#7c5cff40,#0000 60%),radial-gradient(900px 420px at 80% 10%,#2dd4bf2e,#0000 60%);padding:64px 0 28px}.heroGrid{grid-template-columns:1.2fr .8fr;align-items:start;gap:22px;display:grid}@media (max-width:980px){.heroGrid{grid-template-columns:1fr}}.h1{letter-spacing:-.8px;margin:0 0 12px;font-size:48px;line-height:1.05}.sub{color:var(--muted);max-width:58ch;margin:0 0 18px;font-size:18px;line-height:1.5}.pills{flex-wrap:wrap;gap:10px;margin:14px 0 22px;display:flex}.pill{border:1px solid var(--border);color:var(--muted);background:#ffffff0d;border-radius:999px;padding:9px 12px;font-size:13px}.note{color:var(--muted);margin-top:14px;font-size:13px}.panel{border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow);border-radius:18px}.panelInner{padding:18px}.section{padding:44px 0}.kicker{color:#2dd4bff2;letter-spacing:.8px;text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:700}.h2{letter-spacing:-.3px;margin:0 0 12px;font-size:28px}.lead{color:var(--muted);max-width:80ch;margin:0 0 18px;line-height:1.6}.cards{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}@media (max-width:980px){.cards{grid-template-columns:1fr}}.card{border:1px solid var(--border);background:var(--panel);border-radius:16px;padding:16px}.cardTitle{margin:0 0 6px;font-weight:800}.cardText{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.list{color:var(--muted);margin:0;padding-left:18px;line-height:1.8}.code{border:1px solid var(--border);background:#00000059;border-radius:14px;padding:14px;font-size:13px;line-height:1.6;overflow-x:auto}.footer{border-top:1px solid var(--border);color:var(--muted);padding:26px 0 50px;font-size:13px}