:root{--bg:#0f1020;--bg-2:#1a1b3a;--card:#20224a;--card-hover:#2a2d5e;--text:#f4f4ff;--muted:#a8a9d4;--accent:#7c5cff;--accent-2:#00d68f;--border:#34376b;--shadow:0 10px 30px rgba(0,0,0,0.35)}*{box-sizing:border-box;margin:0;padding:0}body,html{min-height:100%}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:radial-gradient(1200px 600px at 10% -10%,rgba(124,92,255,.25),transparent 60%),radial-gradient(1000px 600px at 110% 10%,rgba(0,214,143,.18),transparent 55%),var(--bg);-webkit-font-smoothing:antialiased}.wrap{max-width:960px;margin:0 auto;padding:64px 24px 96px}.hero{text-align:center;margin-bottom:56px}.logo{font-size:14px;letter-spacing:.3em;text-transform:uppercase;color:var(--muted);margin-bottom:18px}.hero h1{font-size:clamp(40px,7vw,72px);line-height:1.02;letter-spacing:-.02em;background:linear-gradient(120deg,#fff,var(--accent) 60%,var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{margin-top:18px;font-size:clamp(16px,2.4vw,20px);color:var(--muted)}.section-label{font-size:13px;text-transform:uppercase;letter-spacing:.18em;color:var(--muted);margin-bottom:16px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:18px;gap:18px}.card{display:block;text-decoration:none;color:inherit;background:var(--card);border:1px solid var(--border);border-radius:18px;padding:24px;box-shadow:var(--shadow);transition:transform .15s ease,background .15s ease,border-color .15s ease}.card:hover{transform:translateY(-3px);background:var(--card-hover);border-color:var(--accent)}.card.disabled{opacity:.55;pointer-events:none}.card .emoji{font-size:34px}.card h3{margin-top:14px;font-size:20px}.card p{margin-top:8px;color:var(--muted);font-size:14px;line-height:1.5}.badge{display:inline-block;margin-top:16px;font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;background:rgba(0,214,143,.15);color:var(--accent-2)}.badge.soon{background:rgba(168,169,212,.15);color:var(--muted)}footer{margin-top:72px;text-align:center;color:var(--muted);font-size:13px}