.login-arrival{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:#090c0c;isolation:isolate;overflow:hidden;opacity:1;transition:opacity .7s ease,transform .7s ease}
.login-arrival-video{display:block;width:100%;height:100%;object-fit:contain;background:radial-gradient(ellipse at 20% 50%,#30241b,transparent 70%),#090c0c}
.login-arrival-controls{position:absolute;top:max(16px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));display:flex;justify-content:space-between;gap:12px}
.login-arrival button{min-height:44px;padding:12px 18px;border:1px solid #e9ad8070;border-radius:999px;background:#101313dd;color:#ffe4cf;font-family:inherit;font-size:14px;font-weight:600;line-height:1.2;cursor:pointer;backdrop-filter:blur(10px)}
.login-arrival button:focus-visible{outline:3px solid #e9ad80;outline-offset:4px}
.login-arrival-play{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);max-width:calc(100% - 32px)}
.login-arrival-play[hidden]{display:none}
.login-arrival-caption{position:absolute;bottom:max(20px,env(safe-area-inset-bottom));text-align:center;font-size:10px;letter-spacing:.22em;color:#e9ad80;pointer-events:none}
.login-arrival.is-leaving{opacity:0;transform:scale(1.025);pointer-events:none}
.login-arrival-reveal .login-card{animation:login-arrival-reveal .7s ease both}
@keyframes login-arrival-reveal{from{opacity:.5;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.login-arrival{transition:none}.login-arrival-reveal .login-card{animation:none}}