* { box-sizing: border-box; margin: 0; padding: 0; }
.auth-body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background: linear-gradient(135deg,#0f1117 0%, #1a2030 100%);
  min-height: 100vh;
  display: flex; align-items: center; justify-content: center;
  padding: 20px; color: #e8eaed;
}
.auth-card {
  background: #161b25; border: 1px solid #232938;
  border-radius: 14px; padding: 32px;
  width: 100%; max-width: 400px;
  box-shadow: 0 20px 60px rgba(0,0,0,.5);
}
.auth-brand {
  font-size: 18px; font-weight: 700; color: #818CF8;
  margin-bottom: 6px;
  display: flex; align-items: center; gap: 8px;
}
.auth-card h1 {
  font-size: 22px; font-weight: 700; color: #fff; margin-bottom: 22px;
}
.auth-card label {
  display: block; font-size: 12px; color: #aab1c2;
  margin-top: 14px; margin-bottom: 6px; font-weight: 600;
}
.auth-card input {
  width: 100%; padding: 11px 14px;
  background: #1c2230; border: 1px solid #2a3245;
  border-radius: 8px; color: #fff; font-size: 14px;
}
.auth-card input:focus { outline: none; border-color: #6366F1; }
.auth-card button {
  width: 100%; margin-top: 22px; padding: 12px;
  background: linear-gradient(135deg,#6366F1,#8B5CF6); color: #fff;
  border: none; border-radius: 8px; font-weight: 700; font-size: 14px;
  cursor: pointer;
}
.auth-card button:hover { opacity: .9; }
.auth-link {
  text-align: center; margin-top: 18px; font-size: 13px; color: #8a92a6;
}
.auth-link a { color: #818CF8; text-decoration: none; font-weight: 600; }
.auth-err {
  background: rgba(220,38,38,.12); color: #EF4444;
  padding: 10px 14px; border-radius: 8px; font-size: 13px;
  border: 1px solid rgba(220,38,38,.3); margin-bottom: 14px;
}
.auth-ok {
  background: rgba(16,185,129,.12); color: #10B981;
  padding: 14px; border-radius: 8px; font-size: 13px;
  border: 1px solid rgba(16,185,129,.3); margin-bottom: 14px;
  line-height: 1.6;
}