:root { --bg:#0b0f17; --card:#121a2a; --text:#e8eefc; --muted:#a9b4cc; --accent:#7aa2ff; }
* { box-sizing:border-box; }
body { margin:0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial; background:var(--bg); color:var(--text); }
.container { width:min(980px, 92vw); margin: 0 auto; }
header { padding:48px 0 18px; }
h1 { margin:0 0 8px; font-size: 40px; }
p { margin: 8px 0; color: var(--muted); font-size: 16px; line-height:1.5; }
.links a { margin-right:12px; color: var(--accent); text-decoration:none; }
.links a:hover { text-decoration:underline; }
main { padding: 18px 0 48px; display:grid; gap:16px; }
.card { background: var(--card); border: 1px solid rgba(255,255,255,0.08); border-radius: 14px; padding: 18px; }
.card h2 { margin:0 0 10px; font-size: 20px; color: var(--text); }
.card a { color: var(--accent); }
.footer { padding: 18px 0 40px; border-top: 1px solid rgba(255,255,255,0.08); }