:root { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
body { margin: 0; background: #0f1216; color: #e6e6e6; }
.wrap { max-width: 520px; margin: 0 auto; padding: 30px 16px; }
.card { background: #151a21; border: 1px solid #222a36; border-radius: 12px; padding: 18px; }
h1 { margin: 0 0 8px; }
.muted { color: #a9b1bd; margin: 0 0 14px; font-size: 14px; }
label { display:block; margin: 10px 0 6px; color: #cfd6e2; font-size: 14px; }
input {
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
  background: #0f1216;
  border: 1px solid #2a3342;
  border-radius: 10px;
  color: #e6e6e6;
}
.btn {
  margin-top: 14px;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid #2a3342;
  background: #1b2230;
  color: #e6e6e6;
  cursor: pointer;
}
.btn.primary { background: #1f2b44; }
.btn:hover { filter: brightness(1.08); }
.error {
  background: #2a1414;
  border: 1px solid #533;
  color: #ffd0d0;
  padding: 10px;
  border-radius: 10px;
  margin: 0 0 12px;
}