:root{--bg:#0b0f19;--card:#ffffff0f;--border:#ffffff1f;--text:#ffffffeb;--muted:#ffffffb8;--accent:#7c3aed}*{box-sizing:border-box}html,body{background:radial-gradient(1200px 700px at 10% 10%,#7c3aed40,transparent 60%),radial-gradient(900px 600px at 90% 30%,#3b82f62e,transparent 60%),var(--bg);color:var(--text);margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1080px;margin:0 auto;padding:24px 16px}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:18px}.grid{gap:14px;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:900px){.grid-3,.grid-2{grid-template-columns:1fr}}.btn{border:1px solid var(--border);cursor:pointer;background:#ffffff0f;border-radius:12px;padding:12px 14px;display:inline-block}.btn-primary{background:#7c3aed33;border-color:#7c3aed99}.btn:hover{filter:brightness(1.05);text-decoration:none}h1{letter-spacing:-.02em;margin:0 0 10px;font-size:42px}h2{margin:0 0 10px;font-size:26px}p{color:var(--muted);line-height:1.6}.badge{border:1px solid var(--border);color:var(--muted);background:#ffffff0d;border-radius:999px;padding:6px 10px;font-size:12px;display:inline-block}input,textarea{border:1px solid var(--border);width:100%;color:var(--text);background:#0000002e;border-radius:12px;padding:12px}textarea{resize:vertical}.small{color:var(--muted);font-size:13px}