body.bg { background:#0f1115; color:#e6eaf2; margin:0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial; }
.wrap { max-width: 900px; margin: 24px auto; padding: 0 16px; }
.card { background:#161a22; border:1px solid #232938; border-radius:12px; padding:14px; margin-bottom:16px; }
.narrow { max-width: 420px; margin: 20vh auto; }
h1 { margin:0 0 12px; }
h2 { margin:0 0 8px; font-size: 16px; color:#9aa4b2; text-transform:uppercase; letter-spacing:.05em; }
input { width:100%; padding:10px 12px; border-radius:8px; border:1px solid #232938; background:#0f1115; color:#e6eaf2; }
button { padding:10px 14px; border-radius:8px; border:1px solid #2d3a56; background:#1e2a44; color:#e6eaf2; cursor:pointer; }
button:hover { background:#233052; }
.list { list-style: none; margin:0; padding:0; }
.list li { padding:8px 0; border-top:1px solid #232938; }
.muted { color:#9aa4b2; }
a { color:#6c8cff; text-decoration:none; }
a:hover { text-decoration:underline; }