.login-sequence{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#26374a 0%,#101b29 46%,#080e17 100%);color:#fff;font-family:inherit;transition:opacity .22s ease}
.sequence-content{position:relative;text-align:center;width:min(520px,90vw);padding:28px 12px;z-index:1}
.sequence-eyebrow{font-size:10px;letter-spacing:.24em;color:#b2bdca;margin-bottom:25px}
.sequence-emblem{position:relative;display:grid;place-items:center;width:220px;height:220px;margin:auto}
.sequence-emblem img{width:155px;height:170px;object-fit:contain;filter:drop-shadow(0 7px 20px #0008);animation:sequence-reveal 1.15s cubic-bezier(.16,1,.3,1) both}
.sequence-orbit{position:absolute;inset:0;border:1px solid #ff981733;border-radius:50%;box-shadow:0 0 65px #ef8c0712,inset 0 0 40px #ef8c0708}
.sequence-orbit:after{content:'';position:absolute;inset:8px;border-radius:50%;border:1px solid transparent;border-top-color:#ffa52b;transform:rotate(-40deg);animation:sequence-orbit 2.2s ease both}
.sequence-wordmark{font-size:clamp(46px,9vw,66px);font-weight:800;letter-spacing:.28em;padding-left:.28em;margin-top:15px;color:#fff;animation:sequence-title 1.5s .15s both}
.sequence-caption{font-size:13px;color:#aebcca;letter-spacing:.05em;margin:10px 0 32px}
.sequence-track{width:min(300px,75vw);height:4px;border-radius:8px;background:#ffffff15;overflow:hidden;margin:auto}
.sequence-track span{display:block;height:100%;width:34%;border-radius:8px;background:linear-gradient(90deg,#e67608,#ffba47);box-shadow:0 0 15px #f99a24;animation:sequence-pending 1.3s ease-in-out infinite}
.sequence-success .sequence-track span{width:100%;transform-origin:left;animation:sequence-ready 4.3s cubic-bezier(.2,.7,.2,1) both}
.sequence-status{font-size:12px;color:#d6dfe8;margin:15px 0 0;min-height:18px}
.sequence-sound{margin-top:24px;border:0;background:transparent;color:#aebcca;font-size:11px;padding:8px 12px;cursor:pointer}
.sequence-sound:hover,.sequence-sound:focus-visible{color:#ffc16b;background:#ffffff0a;outline:1px solid #ffae51}
.sequence-horizon{position:absolute;width:180%;height:65%;bottom:-35%;transform:perspective(450px) rotateX(55deg);background:repeating-linear-gradient(90deg,transparent 0 110px,#ff9a1812 111px 112px),repeating-linear-gradient(0deg,transparent 0 55px,#ffffff09 56px 57px);mask-image:linear-gradient(transparent,#000)}
.sequence-leave{opacity:0}
@keyframes sequence-reveal{from{opacity:0;clip-path:inset(100% 0 0);transform:translateY(12px) scale(.94)}to{opacity:1;clip-path:inset(0);transform:translateY(0) scale(1)}}
@keyframes sequence-title{from{opacity:0;letter-spacing:.4em;text-shadow:0 0 0 transparent}to{opacity:1;letter-spacing:.28em;text-shadow:0 0 32px #ff9c4b66}}
@keyframes sequence-orbit{from{transform:rotate(-130deg);opacity:0}to{transform:rotate(40deg);opacity:1}}
@keyframes sequence-pending{from{transform:translateX(-110%)}to{transform:translateX(400%)}}
@keyframes sequence-ready{from{transform:scaleX(.08)}to{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){.login-sequence *{animation:none!important;transition:none!important}.sequence-track span{width:100%}.sequence-horizon{display:none}}