.mpo-splash { box-sizing: border-box; min-height: 100svh; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: max(24px, env(safe-area-inset-top)) 24px max(24px, env(safe-area-inset-bottom)); background-color: #d8edf3; background-image: linear-gradient(180deg,rgba(244,251,253,.08),rgba(232,246,248,.04)),url('/branding/preventus-login-clean.jpg?v=prevelius-clean-20260922'); background-position: center; background-size: cover; background-repeat: no-repeat; color: #07466b; font-family: Arial, sans-serif; text-align: center; }
.mpo-splash-logo { display: block; width: min(48vw, 220px); height: auto; filter: drop-shadow(0 12px 28px rgba(1,53,83,.12)); }
.mpo-splash-wordmark { margin-top: 10px; font-size: clamp(38px, 9vw, 64px); line-height: 1; font-weight: 800; letter-spacing: -.045em; background: linear-gradient(100deg,#07366b 0%,#07528b 48%,#09bfb1 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.mpo-splash-tagline { max-width: 360px; margin: 10px 0 0; color: #244d6c; font-size: clamp(12px, 2.8vw, 16px); line-height: 1.3; letter-spacing: .14em; text-transform: lowercase; }
.mpo-splash-status { margin: 24px 0; font-size: 14px; color: #526f80; }
.mpo-splash-signature { margin: 24px 0 0; padding-top: 10px; border-top: 1px solid #8795a0; font-size: 12px; letter-spacing: .3em; color: #647582; }
body:has(> #root > .mpo-splash) { margin: 0; }

html[data-prevelius-theme="dark"] .mpo-splash {
  background-color: #d8edf3;
  background-image: linear-gradient(180deg,rgba(7,25,39,.18),rgba(7,25,39,.12)),url('/branding/preventus-login-clean.jpg?v=prevelius-clean-20260922');
  color: #e7f0f7;
}
html[data-prevelius-theme="dark"] .mpo-splash-status,
html[data-prevelius-theme="dark"] .mpo-splash-signature {
  color: #9db0c0;
}