body.auth-theme {
  min-height: 100vh;
  position: relative;
  background-color: #050b18;
  background-size: cover;
  background-position: center;
}

body.auth-theme::after {
  content: "";
  position: fixed;
  inset: 0;
  background:
    radial-gradient(850px 340px at 12% -10%, rgba(28, 228, 183, 0.25), transparent 62%),
    radial-gradient(800px 380px at 90% -20%, rgba(0, 171, 255, 0.23), transparent 62%),
    linear-gradient(160deg, rgba(3, 8, 20, 0.88) 0%, rgba(5, 12, 27, 0.9) 100%);
  pointer-events: none;
  z-index: -1;
}

body.auth-theme .signin-wrapper {
  position: relative;
  z-index: 1;
}

body.auth-theme .signin-box {
  width: min(100%, 480px);
  border-radius: 24px !important;
  border: 1px solid rgba(117, 165, 224, 0.32) !important;
  background: rgba(10, 18, 37, 0.88) !important;
  box-shadow: 0 34px 60px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(210, 235, 255, 0.06) !important;
  padding: 28px;
}

body.auth-theme .auth-eyebrow {
  margin: 0;
  color: #8fd9f6;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

body.auth-theme .auth-title {
  margin: 8px 0 4px;
  color: #f1f6ff;
  font-size: clamp(1.45rem, 0.75vw + 1.2rem, 1.95rem);
  font-weight: 800;
  letter-spacing: 0.02em;
}

body.auth-theme .auth-subtitle {
  margin-bottom: 18px;
  color: #9cb5d8;
  font-size: 0.88rem;
}

body.auth-theme .auth-feedback {
  border-radius: 12px;
  padding: 10px 12px;
  margin-bottom: 14px;
  font-size: 0.82rem;
  font-weight: 700;
}

body.auth-theme .auth-feedback.is-success {
  color: #95ffd2;
  background: rgba(26, 172, 113, 0.18);
  border: 1px solid rgba(89, 254, 189, 0.35);
}

body.auth-theme .auth-feedback.is-error {
  color: #ffc0d2;
  background: rgba(212, 47, 105, 0.2);
  border: 1px solid rgba(255, 122, 170, 0.35);
}

body.auth-theme .auth-actions {
  margin-top: 12px;
  display: grid;
  gap: 10px;
}

body.auth-theme .auth-hint {
  display: block;
  margin-top: 8px;
  color: #93aacd;
  font-size: 0.78rem;
  line-height: 1.4;
}

@media (max-width: 575px) {
  body.auth-theme .signin-box {
    padding: 22px 18px;
    border-radius: 18px !important;
  }
}