:root{--bg:#0b0a14;--surface:#ffffff0a;--border:#ffffff1f;--text:#f3f1fb;--muted:#a9a4c0;--accent:#a78bfa}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(800px 500px at 15% -10%, #2a1d4d 0%, transparent 60%), radial-gradient(700px 500px at 100% 0%, #1b2a4a 0%, transparent 55%), var(--bg);color:var(--text);min-height:100vh;font-family:Space Grotesk,system-ui,-apple-system,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}#app{max-width:1040px;margin:0 auto;padding:0 16px}.hero{text-align:center;padding:96px 0 56px}.hero h1{letter-spacing:-.03em;background:linear-gradient(135deg, #fff 20%, var(--accent));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(44px,9vw,88px);font-weight:700;line-height:1}.tagline{margin-top:16px;font-size:20px;font-weight:600}.intro{max-width:520px;color:var(--muted);margin:8px auto 0}main{padding-bottom:64px}.section-title{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:16px;font-size:14px;font-weight:600}.cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.card{--card-accent:var(--accent);background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;overflow:hidden}a.card:hover{border-color:var(--card-accent);box-shadow:0 10px 30px color-mix(in srgb, var(--card-accent) 25%, transparent);transform:translateY(-4px)}.card-muted{opacity:.6}.card-image{aspect-ratio:4/3;object-fit:cover;object-position:top;width:100%;display:block}.card-image-empty{color:var(--muted);background:repeating-linear-gradient(45deg,#0000 0 12px,#ffffff05 12px 24px);place-items:center;font-size:40px;display:grid}.card-body{flex-direction:column;flex:1;padding:20px;display:flex}.card-body h3{font-size:20px}.card-body p{color:var(--muted);flex:1;margin-top:6px;font-size:15px}.card-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;display:flex}.button{background:var(--card-accent);color:#fff;border-radius:8px;padding:9px 20px;font-weight:700}.badge{color:var(--muted);font-size:13px}footer{color:var(--muted);justify-content:center;gap:12px;padding:64px 0 40px;font-size:14px;display:flex}footer a{color:var(--accent);font-weight:600}@media (prefers-reduced-motion:reduce){.card{transition:none}a.card:hover{transform:none}}