[data-portal-loading] { position: fixed; inset: 0; z-index: 9999; display: flex; align-items: center; justify-content: center; background: #f8fafc; color: #172f45; font-family: Arial, Helvetica, sans-serif; }
  [data-portal-loading] .portal-loading-content { width: min(100%, 420px); padding: 24px; text-align: center; }
  [data-portal-loading] img { display: block; width: 240px; max-width: 80%; height: auto; margin: 0 auto 30px; }
  [data-portal-loading] h1 { margin: 0; font-size: 20px; font-weight: 600; line-height: 1.4; letter-spacing: -.02em; }
  [data-portal-loading] p { margin: 12px 0 0; font-size: 13px; line-height: 1.7; color: #627487; }
  [data-portal-loading] .portal-loading-track { width: 144px; height: 3px; margin: 26px auto 0; background: #e5edf3; overflow: hidden; }
  [data-portal-loading] .portal-loading-track span { display: block; width: 45%; height: 100%; background: #25617a; animation: portal-loading-travel 1.8s ease-in-out infinite alternate; }
  html:has([data-portal-loading="active"]) { zoom: 1 !important; }
  @keyframes portal-loading-travel { to { transform: translateX(122%); } }
  @media (prefers-reduced-motion: reduce) { [data-portal-loading] .portal-loading-track span { animation: none; margin: auto; } }