/* EYPS — écrans d’authentification (landing + login) */

body.auth-landing {
  background: var(--eyps-teal-deep, #002a38);
  color: #161922;
}

body.auth-landing::before {
  background:
    linear-gradient(145deg, rgba(0, 42, 56, 0.98) 0%, rgba(0, 63, 84, 0.96) 40%, rgba(19, 78, 94, 0.94) 70%, rgba(0, 36, 48, 1) 100%);
}

body.auth-landing::after {
  background:
    radial-gradient(ellipse 85% 65% at 12% 18%, rgba(197, 160, 89, 0.22), transparent 55%),
    radial-gradient(ellipse 70% 55% at 88% 78%, rgba(26, 107, 122, 0.35), transparent 52%),
    radial-gradient(ellipse 50% 40% at 50% 100%, rgba(197, 160, 89, 0.12), transparent 48%);
}

body.auth-landing .shell {
  border-color: rgba(197, 160, 89, 0.15);
  box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.04),
    0 24px 56px rgba(0, 20, 30, 0.45),
    0 0 0 1px rgba(255, 255, 255, 0.06) inset;
}

body.auth-landing .shell .eyps-logo--hero {
  filter: drop-shadow(0 8px 24px rgba(0, 63, 84, 0.12));
}

.auth-landing .cta,
body.auth-landing .login-form button[type="submit"] {
  background: var(--eyps-gradient);
  box-shadow: 0 8px 28px rgba(0, 63, 84, 0.35);
}

.auth-landing .cta:hover,
body.auth-landing .login-form button[type="submit"]:hover {
  box-shadow: 0 12px 32px rgba(0, 63, 84, 0.42);
}

body.auth-landing .login-form input:focus {
  border-color: var(--eyps-teal-light);
  box-shadow: 0 0 0 3px rgba(0, 63, 84, 0.15);
}

.login-logo-fallback,
.eyps-logo-fallback {
  display: inline-block;
  background: var(--eyps-gradient);
  color: #fff;
  font-weight: 800;
  font-size: 11px;
  letter-spacing: 0.1em;
  padding: 6px 12px;
  border-radius: 6px;
  text-transform: uppercase;
}