body { font-family: system-ui, sans-serif; margin: 0; background: #0b0c10; color: #e9e9ee; }
.topbar { display:flex; justify-content:space-between; align-items:center; padding:12px 16px; background:#12131a; border-bottom:1px solid #232435; }
.brand { font-weight:700; }
.container { max-width: 980px; margin: 24px auto; padding: 0 16px; }
.narrow { max-width: 420px; }
.card { background:#12131a; border:1px solid #232435; border-radius:12px; padding:16px; }
label { display:block; margin: 12px 0; }
input { width:100%; padding:10px; border-radius:10px; border:1px solid #232435; background:#0b0c10; color:#e9e9ee; }
button { padding:10px 12px; border-radius:10px; border:1px solid #232435; background:#1b1d2a; color:#e9e9ee; cursor:pointer; }
.alert { background:#2b1a1a; border:1px solid #5a2a2a; padding:10px; border-radius:10px; margin: 12px 0; }