:root{--bg:#0a0a0f;--panel:#ffffff0a;--panel-hover:#ffffff0f;--border:#ffffff17;--border-hover:#ffffff29;--text:#ecebf5;--muted:#9b9aab;--faint:#6c6b7a;--brand:#863bff;--brand-soft:#b794ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0}body{min-height:100svh;color:var(--text);background:radial-gradient(900px 600px at 15% -10%, #863bff38, transparent 60%), radial-gradient(800px 600px at 100% 0%, #47bfff24, transparent 55%), var(--bg);background-attachment:fixed}#root{min-height:100svh}a{color:inherit;text-decoration:none}.page{max-width:1120px;margin:0 auto;padding:clamp(2.5rem,6vw,5.5rem) clamp(1.25rem,4vw,2.5rem) 4rem}.hero{margin-bottom:clamp(2rem,5vw,3.5rem)}.hero-badge{border:1px solid var(--border);background:var(--panel);color:var(--brand-soft);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;gap:.5rem;padding:.35rem .85rem;font-size:.78rem;font-weight:600;display:inline-flex}.hero-title{letter-spacing:-.03em;margin:1.1rem 0 0;font-size:clamp(2.4rem,7vw,4rem);font-weight:800;line-height:1.02}.hero-accent{background:linear-gradient(120deg, var(--brand-soft), var(--brand));color:#0000;-webkit-background-clip:text;background-clip:text}.hero-sub{max-width:36ch;color:var(--muted);margin:.9rem 0 0;font-size:clamp(1rem,2.2vw,1.15rem);line-height:1.5}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.1rem;display:grid}.card{isolation:isolate;border:1px solid var(--border);background:var(--panel);border-radius:18px;flex-direction:column;min-height:200px;padding:1.3rem 1.4rem 1.2rem;transition:transform .22s,border-color .22s,background .22s;display:flex;position:relative;overflow:hidden}.card:hover{border-color:var(--border-hover);background:var(--panel-hover);transform:translateY(-4px)}.card:focus-visible{outline:2px solid var(--brand-soft);outline-offset:3px}.card-glow{z-index:-1;background:radial-gradient(circle at 25% 20%, var(--accent-from), transparent 70%);opacity:.16;transition:opacity .22s;position:absolute;inset:-40% 40% 55% -30%}.card:hover .card-glow{opacity:.32}.card-top{justify-content:space-between;align-items:center;margin-bottom:1.1rem;display:flex}.card-tile{background:linear-gradient(140deg, var(--accent-from), var(--accent-to));width:52px;height:52px;box-shadow:0 8px 20px -8px var(--accent-to);border-radius:14px;place-items:center;font-size:1.6rem;line-height:1;display:grid}.card-kind{border:1px solid var(--border);color:var(--muted);letter-spacing:.03em;text-transform:uppercase;border-radius:999px;padding:.25rem .65rem;font-size:.72rem;font-weight:600}.card-title{letter-spacing:-.01em;margin:0;font-size:1.2rem;font-weight:700}.card-desc{color:var(--muted);margin:.4rem 0 0;font-size:.92rem;line-height:1.45}.card-open{color:var(--faint);align-items:center;gap:.3rem;margin-top:auto;padding-top:1.1rem;font-size:.85rem;font-weight:600;transition:color .22s;display:inline-flex}.card:hover .card-open{color:var(--brand-soft)}.card-open svg{transition:transform .22s}.card:hover .card-open svg{transform:translate(2px,-2px)}.footer{color:var(--faint);margin-top:3rem;font-size:.85rem}@media (prefers-reduced-motion:reduce){.card,.card-glow,.card-open,.card-open svg{transition:none}}