:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;font-family:'Inter',system-ui,sans-serif;background:radial-gradient(circle at top,rgba(220,38,38,.18),transparent 55%),#050505;color:#f4f4f5}main{max-width:1100px;margin:0 auto;padding:88px 24px 120px}.top-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:48px}.logo{font-family:'Bebas Neue',sans-serif;font-size:28px;letter-spacing:.12em;text-decoration:none;color:#f4f4f5}.badge{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:#f59e0b}h1{font-family:'Bebas Neue',sans-serif;font-size:64px;letter-spacing:.05em;margin:16px 0}.lede{font-size:18px;line-height:1.6;color:#d4d4d8;max-width:720px}.search-row{margin-top:32px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}.search-row input{flex:1;min-width:240px;background:#0b0b0b;border:1px solid rgba(255,255,255,.1);color:#f4f4f5;padding:14px 16px;border-radius:14px;font-size:14px}.search-row input:focus{outline:2px solid rgba(220,38,38,.6);border-color:rgba(220,38,38,.6)}.count{font-size:11px;text-transform:uppercase;letter-spacing:.25em;color:#a1a1aa}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:36px}.card{border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:18px;background:rgba(10,10,10,.9);box-shadow:0 20px 50px rgba(0,0,0,.35);display:flex;flex-direction:column;gap:10px;min-height:220px;transition:transform .2s ease,border-color .2s ease}.card:hover{transform:translateY(-3px);border-color:rgba(220,38,38,.6)}.card-eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.3em;color:#f59e0b}.card h2{font-size:20px;margin:0;font-weight:800}.card p{margin:0;color:#b0b0b7;line-height:1.5;font-size:14px}.card-meta{font-size:11px;color:#71717a;text-transform:uppercase;letter-spacing:.2em}.card-meta span{color:#d4d4d8;text-transform:none;letter-spacing:.05em}.card-link{margin-top:auto;display:inline-flex;align-self:flex-start;padding:10px 14px;border-radius:999px;background:#dc2626;color:#fff;text-decoration:none;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.empty{margin-top:40px;font-size:14px;color:#a1a1aa;text-align:center}.is-hidden{display:none}@media (max-width:640px){h1{font-size:44px}main{padding:72px 20px 96px}}