/* Bragnarok auth pages — dark/divine, self-contained (matches the email shell). */
* { box-sizing: border-box; }
body {
  margin: 0; min-height: 100vh; display: flex; align-items: center; justify-content: center;
  background: #0f1220; color: #e8e6df; padding: 24px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}
.auth-card {
  width: 100%; max-width: 400px; background: #1a1f2e;
  border: 1px solid #d4af37; border-radius: 16px; padding: 32px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5);
}
.auth-brand { text-align: center; font-size: 22px; font-weight: 800; letter-spacing: 0.06em; color: #d4af37; margin: 0 0 4px; }
.auth-tagline { text-align: center; font-size: 12px; color: #8a8f9c; margin: 0 0 24px; }
.auth-card h1 { font-size: 18px; margin: 0 0 8px; }
.auth-card p.lead { font-size: 14px; color: #b8bcc6; margin: 0 0 8px; }
label { display: block; font-size: 13px; color: #b8bcc6; margin: 14px 0 6px; }
input {
  width: 100%; padding: 11px 12px; border-radius: 8px; border: 1px solid #333a4d;
  background: #0f1220; color: #e8e6df; font-size: 15px;
}
input:focus { outline: none; border-color: #d4af37; }
button.primary {
  width: 100%; margin-top: 22px; padding: 12px; border: none; border-radius: 999px;
  background: #d4af37; color: #0f1220; font-size: 15px; font-weight: 800; cursor: pointer;
}
button.primary:disabled { opacity: 0.6; cursor: default; }
.auth-links { margin-top: 18px; font-size: 13px; text-align: center; color: #8a8f9c; }
.auth-links a { color: #d4af37; text-decoration: none; }
.auth-msg { margin-top: 18px; padding: 12px; border-radius: 8px; font-size: 14px; display: none; }
.auth-msg.show { display: block; }
.auth-msg.ok { background: rgba(212, 175, 55, 0.12); border: 1px solid #d4af37; }
.auth-msg.err { background: rgba(220, 80, 80, 0.12); border: 1px solid #b4544f; color: #f0b0b0; }