:root{--bg:#0f1216;--fg:#e8ecf1;--mut:#9aa4b2;--acc:#4c8bf5;--card:#171b22}
*{box-sizing:border-box}body{margin:0;font:16px/1.6 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--fg)}
.wrap{max-width:960px;margin:0 auto;padding:0 20px}
header{border-bottom:1px solid #222833}header .wrap{display:flex;justify-content:space-between;align-items:center;height:60px}
.logo{font-weight:700;color:var(--acc)}nav a{color:var(--mut);text-decoration:none;margin-left:20px}nav a:hover{color:var(--fg)}
h1{font-size:2.2rem;margin:48px 0 8px}.lead{color:var(--mut);font-size:1.15rem;max-width:640px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:40px 0}
.card{background:var(--card);border:1px solid #222833;border-radius:10px;padding:20px}.card h3{margin:0 0 8px}
.card p{color:var(--mut);margin:0;font-size:.95rem}.foot{color:var(--mut);margin:40px 0}a{color:var(--acc)}
footer{border-top:1px solid #222833;margin-top:60px}footer .wrap{height:60px;display:flex;align-items:center;color:var(--mut);font-size:.9rem}