.login-transition{position:fixed;inset:0;z-index:100;overflow:hidden;pointer-events:none;background:#030b19;animation:transition-away 1.3s cubic-bezier(.65,0,.25,1) both}
.transition-wave{position:absolute;width:200vmax;height:200vmax;left:-60vmax;top:30%;border-radius:43% 48% 42% 48%;background:linear-gradient(150deg,#0535bd,#0753f3 50%,#052478);animation:transition-tide 1.3s cubic-bezier(.65,0,.25,1) both;box-shadow:0 -20px 90px #0062ff55}
.transition-brand{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;font-size:clamp(16px,4vw,23px);font-weight:400;letter-spacing:.42em;padding-left:.42em;color:#f1f7ff;animation:brand-pass 1.3s ease both}
.transition-caption{font-size:10px;letter-spacing:.12em;color:#accbeb}.transition-line{width:32px;height:1px;background:#8df7e6;box-shadow:0 0 12px #71fff1}

.si-intro{animation:transition-away 1.1s 2.5s cubic-bezier(.4,0,.2,1) both}
.si-intro .transition-wave{animation:transition-tide 3.6s cubic-bezier(.4,0,.2,1) both}
.si-intro .transition-brand{animation:brand-pass 3.6s ease both}
.si-login-reveal{animation:si-login-reveal 1.25s 2.5s cubic-bezier(.22,1,.36,1) both!important}
@keyframes transition-away{0%,40%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}
@keyframes transition-tide{0%{transform:translateY(-65%) rotate(-16deg)}50%{transform:translateY(-12%) rotate(0)}100%{transform:translateY(30%) rotate(12deg)}}
@keyframes brand-pass{0%{opacity:0;transform:translateY(14px)}20%,55%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-12px)}}
@keyframes si-login-reveal{from{opacity:0;transform:translateY(22px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.si-intro{display:none;animation:none}.si-intro .transition-wave,.si-intro .transition-brand,.si-login-reveal{animation:none!important}}
@media print{.si-intro{display:none!important}.si-login-reveal{animation:none!important}}
.si-intro .transition-brand{padding:24px;text-align:center;letter-spacing:.22em}.si-intro-name{max-width:95vw;overflow-wrap:anywhere;font-size:clamp(14px,3.6vw,23px)}