:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;--bg:#08090b;--card:#121419;--line:#2b3038;--text:#f4f1eb;--muted:#a7abb3;--red:#ff334f}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#59101d,transparent 28%),var(--bg);color:var(--text)}a{color:inherit}header,main,footer{max-width:1120px;margin:auto;padding:24px}header{display:flex;justify-content:space-between}nav{display:flex;gap:16px}.eyebrow{margin-top:65px;color:#ff8798;text-transform:uppercase;letter-spacing:.15em;font-size:.72rem}h1{font-size:clamp(3.2rem,9vw,7.5rem);line-height:.88;letter-spacing:-.06em;max-width:900px}.lead{max-width:720px;color:#c9cbd0;font-size:1.1rem}.stats,.filters{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0}.stats b,.filters button{border:1px solid var(--line);padding:10px 14px;background:transparent;color:var(--text)}.filters button{cursor:pointer}.filters button.active{border-color:var(--red);color:#ff8798}section{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}article{border:1px solid var(--line);background:var(--card);padding:20px;min-height:190px}article span{font:600 .7rem monospace;color:#ff8798;text-transform:uppercase}article h2{font-size:1.35rem}article p,.note,footer{color:var(--muted)}article[hidden]{display:none}footer{border-top:1px solid var(--line);margin-top:60px}@media(max-width:760px){section{grid-template-columns:1fr}header,main,footer{padding:18px}h1{font-size:clamp(3rem,16vw,5rem);overflow-wrap:anywhere}}
