:root { --bg:#0b0b0c; --fg:#e7e7ea; --muted:#9aa0a6; --accent:#60a5fa; }
*{box-sizing:border-box} body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 system-ui,Segoe UI,Roboto,Arial}
.container{max-width:980px;margin:0 auto;padding:3rem 1.25rem}
h1,h2,h3{line-height:1.2;margin:0 0 .5rem}
a{color:var(--accent);text-decoration:none} a:hover{text-decoration:underline}
.lead{color:var(--muted)}
.card{border:1px solid #202127;border-radius:14px;padding:1rem 1.25rem;background:#121316}
.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.hidden{display:none}