:root{--bg:#fafafa;--fg:#1a1a1a;--muted:#666;--card:#fff;--border:#e3e3e3;--accent:#2563eb;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#111;--fg:#eee;--muted:#999;--card:#1a1a1a;--border:#2c2c2c;--accent:#6ea0ff}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5}#root{flex-direction:column;min-height:100vh;display:flex}.hero,main,footer{width:100%;max-width:960px;margin:0 auto;padding:1rem}.hero{padding-top:4rem}.hero h1{margin:0;font-size:2.5rem}.hero p{color:var(--muted);font-size:1.15rem}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;display:grid}.card{color:inherit;background:var(--card);border:1px solid var(--border);border-radius:12px;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:block;overflow:hidden}a.card{cursor:pointer}a.card:hover{border-color:var(--accent);transform:translateY(-4px)scale(1.03);box-shadow:0 12px 28px #00000026}a.card:active{transition-duration:80ms;transform:translateY(-1px)scale(.985);box-shadow:0 4px 10px #00000026}a.card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.shot{aspect-ratio:16/10;background:var(--border);overflow:hidden}.shot img{object-fit:cover;width:100%;height:100%;display:block}.shot-placeholder{color:#fff;background:linear-gradient(135deg, var(--accent), #8b5cf6);place-items:center;width:100%;height:100%;font-size:4rem;font-weight:700;display:grid}.card-text{padding:.9rem 1.1rem 1.1rem}.card h3{align-items:baseline;gap:.4rem;margin:0 0 .25rem;display:flex}.card p{color:var(--muted);margin:0}.arrow{color:var(--accent);opacity:0;transition:opacity .2s,transform .2s;transform:translate(-4px,4px)}a.card:hover .arrow,a.card:focus-visible .arrow{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.card,.arrow{transition:none}a.card:hover,a.card:active{transform:none}}a{color:var(--accent)}.socials{justify-content:center;gap:1.25rem;margin-bottom:.5rem;display:flex}.socials a{color:var(--muted);transition:color .15s,transform .15s;display:flex}.socials a:hover{color:var(--accent);transform:translateY(-2px)}.socials a:active{transform:scale(.9)}footer{text-align:center;color:var(--muted);margin-top:auto;padding-bottom:.5rem;font-size:.9rem}