:root{--ink: #050911;--ink-soft: #0c1427;--line: rgba(255, 246, 223, .1);--text: #f3ecdd;--text-dim: rgba(243, 236, 221, .58);--gold: #ffc66b;--teal: #50dbb1}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;display:flex;flex-direction:column;padding:clamp(2rem,8vw,5rem) clamp(1.1rem,5vw,3rem) 2rem;background:var(--ink);color:var(--text);font-family:system-ui,-apple-system,PingFang SC,Noto Sans CJK SC,sans-serif;line-height:1.6}.glow{position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 50% 8%,#172343 0,var(--ink-soft) 38%,#070c18 74%,var(--ink) 100%)}.hero{max-width:62rem;width:100%;margin:0 auto clamp(2rem,6vw,3.5rem)}.eyebrow{margin:0 0 .6rem;font-size:.78rem;letter-spacing:.24em;text-transform:uppercase;color:var(--text-dim)}.title{margin:0;font-size:clamp(2.4rem,11vw,4rem);font-weight:900;letter-spacing:.06em;background:linear-gradient(96deg,var(--gold) 0%,var(--teal) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.lede{margin:.5rem 0 0;color:var(--text-dim)}.grid{flex:1;width:100%;max-width:62rem;margin:0 auto;display:grid;gap:clamp(1rem,3vw,1.6rem);grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));align-content:start}.card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:1rem;background:#0c1427b8;color:inherit;text-decoration:none;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.card:hover,.card:focus-visible{transform:translateY(-4px);border-color:#ffc66b6b;box-shadow:0 18px 40px -22px #000000e6}.card:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.card-cover{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;background:var(--ink-soft)}.card-body{padding:1rem 1.1rem 1.2rem}.card-name{margin:0;font-size:1.15rem;font-weight:700;letter-spacing:.02em}.card-tagline{margin:.35rem 0 0;font-size:.9rem;color:var(--text-dim)}.footer{max-width:62rem;width:100%;margin:clamp(2.5rem,8vw,4rem) auto 0;padding-top:1.2rem;border-top:1px solid var(--line);font-size:.82rem;color:var(--text-dim)}.footer a{color:var(--gold);text-decoration:none}.footer a:hover{text-decoration:underline}@media(prefers-reduced-motion:reduce){.card{transition:none}.card:hover,.card:focus-visible{transform:none}}