:root{--bg:#0b0b0f;--panel:#111218;--text:#f8f8ff;--muted:#b8b8c9;--teal:#00ffd1;--gold:#ffc300;--ring:0 0 0 2px rgba(0,255,209,.25),0 10px 30px rgba(0,0,0,.35)}
:root.light{--bg:#f7f7fb;--panel:#ffffff;--text:#111218;--muted:#444656}
*{box-sizing:border-box}html,body{height:100%}
body{margin:0;background:radial-gradient(1200px 600px at 10% -10%, rgba(0,255,209,.08), transparent),radial-gradient(1200px 600px at 110% 10%, rgba(255,195,0,.08), transparent),var(--bg);color:var(--text);font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Inter,sans-serif;letter-spacing:.2px}
.hero{padding:64px 24px 24px;display:grid;place-items:center}.hero-inner{text-align:center;max-width:900px}
.logo{width:120px;height:auto;filter:drop-shadow(0 10px 20px rgba(0,0,0,.45))}
h1{font-size:42px;margin:16px 0 8px;letter-spacing:.5px}.tagline{font-size:18px;color:var(--muted);margin:0 0 20px}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.btn{background:linear-gradient(135deg, var(--teal), var(--gold));color:#0b0b0f;border:none;padding:10px 16px;border-radius:14px;box-shadow:var(--ring);cursor:pointer;font-weight:700}
.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn.outline{background:transparent;color:var(--text);border:1px solid rgba(255,255,255,.2)}.btn.linklike{display:inline-flex;align-items:center;text-decoration:none}
.container{max-width:1100px;margin:24px auto;padding:0 16px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.card{background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.00));border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:18px;box-shadow:0 6px 20px rgba(0,0,0,.25)}
.footer{padding:24px;text-align:center;color:var(--muted)}
a{color:var(--teal)}a[aria-disabled="true"]{opacity:.6;pointer-events:none}