:root{
  --auth-bg: #0b1220;
  --auth-card: #111827;
  --auth-border: #3b82f6; /* blue border */
  --auth-text: #e5e7eb;
  --auth-muted: #9ca3af;
  --auth-input-bg: #0f172a;
  --auth-input-text: #f9fafb;
  --auth-input-placeholder: #94a3b8;
  --auth-link: #93c5fd;
  --auth-icon: #3b82f6; /* icon blue */
}

html, body { height: 100%; }

body.auth-page{
  background: var(--auth-bg) !important;
  color: var(--auth-text) !important;
}

.auth-wrap{ max-width: 820px; }

.auth-title{ color: var(--auth-text) !important; }
.auth-muted{ color: var(--auth-muted) !important; }

.auth-logo{
  width: 100%;
  max-width: 380px; /* bigger */
  height: auto;
  display: inline-block;
}

.auth-card{
  background: var(--auth-card) !important;
  border: 2px solid var(--auth-border) !important;
  border-radius: 18px;
}

.auth-card .form-label,
.auth-card .form-check-label{
  color: var(--auth-text) !important;
}

.auth-card .form-control,
.auth-card .form-select{
  background: var(--auth-input-bg) !important;
  color: var(--auth-input-text) !important;
  border: 1px solid rgba(148,163,184,.35) !important;
}

.auth-card .form-control::placeholder{
  color: var(--auth-input-placeholder) !important;
}

.auth-card .form-control:focus,
.auth-card .form-select:focus{
  box-shadow: 0 0 0 .2rem rgba(59,130,246,.25);
  border-color: rgba(59,130,246,.6) !important;
}

/* ICONS: blue, transparent background */
.auth-card .input-group-text{
  background: transparent !important;
  border: 1px solid rgba(148,163,184,.35) !important;
  color: var(--auth-text) !important;
}
.auth-card .input-group-text i{
  color: var(--auth-icon) !important;
}

/* links */
a, a:visited { color: var(--auth-link); }
a:hover { color: #bfdbfe; }

details summary{
  cursor: pointer;
  color: var(--auth-text) !important;
}

details .legal-box{
  background: rgba(0,0,0,.35);
  border: 1px solid rgba(148,163,184,.25);
  border-radius: 12px;
  padding: 14px;
  margin-top: 10px;
  color: var(--auth-text);
}