:root { color-scheme: dark; }
body { margin:0; font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; background:#111; color:#eee; }
.card { max-width:520px; margin:10vh auto; padding:20px; background:#1b1b1b; border-radius:16px; box-shadow: 0 8px 30px rgba(0,0,0,.35); }
.hint { opacity:.85; line-height:1.5; margin: 6px 0 14px; }
.label { display:block; margin-top:12px; opacity:.9; font-size: 14px; }
.input { width:100%; padding:12px; margin-top:8px; border-radius:12px; border:1px solid #333; background:#0f0f0f; color:#eee; }
.btn { width:100%; padding:12px; margin-top:14px; border-radius:12px; border:1px solid #333; background:#0f0f0f; color:#eee; cursor:pointer; }
.msg { min-height: 1.2em; margin-top: 10px; color:#ffb4b4; }
.row { margin-top: 12px; display:flex; justify-content: center; }
.link { color:#cfd7ff; text-decoration:none; }
.box { margin-top: 10px; padding: 12px; border: 1px solid #2a2a2a; border-radius: 12px; background: #141414; }