body{font-family:system-ui,Arial,sans-serif;margin:0;background:#0b0d10;color:#eef2f6;line-height:1.65}
a{color:#b7a5ff}
header,footer{padding:12px 0;background:rgba(0,0,0,.35)}
.container{max-width:1100px;margin:0 auto;padding:0 16px}
.nav a{margin-right:10px}
.card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);border-radius:14px;padding:16px;margin:14px 0}
.muted{color:#9aa3ad}
.hr{height:1px;background:rgba(255,255,255,.10);margin:18px 0}
.grid{display:grid;grid-template-columns:1fr 320px;gap:14px;align-items:start}
.small{font-size:12px}
@media (max-width:900px){.grid{grid-template-columns:1fr}}