@keyframes prevelius-splash-logo-in { from { opacity:0; transform:translate3d(0,5px,0) scale(.975); } to { opacity:1; transform:translate3d(0,0,0) scale(1); } }
@keyframes prevelius-splash-copy-in { from { opacity:0; transform:translate3d(0,6px,0); } to { opacity:1; transform:translate3d(0,0,0); } }

.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/prevelius_login_bg_ready.webp?v=prevelius-login-20260925'); 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; animation: prevelius-splash-logo-in 260ms cubic-bezier(.22,.7,.2,1) both; width: min(48vw, 220px); height: auto; filter: drop-shadow(0 12px 28px rgba(1,53,83,.12)); }
.mpo-splash-wordmark { margin-top: 10px; animation: prevelius-splash-copy-in 300ms 50ms cubic-bezier(.22,.7,.2,1) both; 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; animation: prevelius-splash-copy-in 320ms 90ms cubic-bezier(.22,.7,.2,1) both; 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; animation: prevelius-splash-copy-in 300ms 130ms cubic-bezier(.22,.7,.2,1) both; font-size: 14px; color: #526f80; }
.mpo-splash-signature { margin: 24px 0 0; animation: prevelius-splash-copy-in 300ms 150ms cubic-bezier(.22,.7,.2,1) both; 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/prevelius_login_bg_ready.webp?v=prevelius-login-20260925');
  color: #e7f0f7;
}
html[data-prevelius-theme="dark"] .mpo-splash-status,
html[data-prevelius-theme="dark"] .mpo-splash-signature {
  color: #9db0c0;
}

@media (prefers-reduced-motion: reduce) {
  .mpo-splash-logo,
  .mpo-splash-wordmark,
  .mpo-splash-tagline,
  .mpo-splash-status,
  .mpo-splash-signature {
    animation: none !important;
  }
}