#portal-startup{display:none;max-width:38rem;margin:clamp(2rem,8vh,6rem) auto;padding:clamp(1.5rem,4vw,2.5rem);border:1px solid #dce4f2;border-radius:18px;background:#fff;box-shadow:0 8px 30px #203d6810}
#portal-startup h1{font-size:clamp(1.5rem,4vw,2rem);line-height:1.25;margin:1rem 0 .75rem;color:#10283e}
#portal-startup p{line-height:1.6;color:#596d86}
#portal-startup .startup-actions{display:flex;gap:.75rem;flex-wrap:wrap}
#portal-startup .startup-mark{width:2rem;height:2rem;border:3px solid #e4ebfb;border-top-color:#3166e8;border-radius:50%;animation:portal-opening 1s linear infinite}
html[data-portal-startup] #portal-startup{display:block}
html[data-portal-startup] #main>section:not(#portal-startup){display:none!important}
html[data-portal-startup] #auth-button,html[data-portal-startup] #operator-shell aside nav{visibility:hidden;pointer-events:none}
html[data-portal-startup=error] #portal-startup .startup-mark{animation:none;border-color:#9bb1d4}
@keyframes portal-opening{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){#portal-startup .startup-mark{animation:none}}