:root { --bg:#0b0c10; --card:#14151a; --txt:#e6e6e6; --muted:#9aa3af; --acc:#60a5fa; }
*{box-sizing:border-box} body{margin:0;background:var(--bg);color:var(--txt);font:16px/1.6 system-ui,Segoe UI,Roboto,Arial}
.wrap{max-width:960px;margin:0 auto;padding:24px}
header{padding:48px 24px 24px} header h1{margin:0 0 8px 0;font-size:40px}
header p{margin:0 0 16px 0;color:var(--muted)}
nav a{margin-right:16px;color:var(--acc);text-decoration:none}
h2{margin:32px 0 12px 0}
.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
article{background:var(--card);padding:16px;border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,.25)}
footer.small{color:var(--muted);text-align:center;margin:32px 0}
a{color:var(--acc)}