.apolo-login{--red:#c52a3a;--red-2:#e04a5b;--blue:#00487b;--blue-2:#0b6cb3;--blue-3:#4fa8ea;--muted:#b9c6d6;--line:#ffffff1f;--ff-h:"Montserrat", system-ui, sans-serif;--ff-b:"Open Sans", system-ui, sans-serif;--ease-out:cubic-bezier(.22, 1, .36, 1);color:#fff;width:100%;min-height:100svh;font-family:var(--ff-b);-webkit-font-smoothing:antialiased;background:#000;flex:1 0 auto;font-size:1rem;line-height:1.65;position:relative;overflow-x:hidden}.apolo-login *,.apolo-login :before,.apolo-login :after{box-sizing:border-box;margin:0;padding:0}.apolo-login img{max-width:100%;height:auto;display:block}.apolo-login a{color:inherit;text-decoration:none}.apolo-login button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.apolo-login h1{font-family:var(--ff-h);letter-spacing:-.02em;line-height:1.1}.apolo-login .ico{vertical-align:middle;flex:none;width:1.2em;height:1.2em;display:inline-block}.apolo-login .sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.apolo-login .login-bg{z-index:0;pointer-events:none;background:radial-gradient(90% 80% at 50% 110%,#00345c 0%,#000a14 55%,#000 100%);position:fixed;inset:0;overflow:hidden}.apolo-login .login-bg:before{content:"";background:conic-gradient(from 0deg, transparent 0 20%, #c52a3a29 28%, transparent 38% 60%, #0b6cb338 70%, transparent 80% 100%);width:160vmax;height:160vmax;margin:-80vmax 0 0 -80vmax;animation:28s linear infinite al-spin;position:absolute;top:50%;left:50%}@keyframes al-spin{to{transform:rotate(360deg)}}.apolo-login .lg-orb{filter:blur(80px);opacity:.65;border-radius:50%;position:absolute}.apolo-login .lg-orb.o1{background:var(--blue);width:46vmax;height:46vmax;animation:16s ease-in-out infinite alternate al-float1;top:-12vmax;left:-14vmax}.apolo-login .lg-orb.o2{background:var(--red);opacity:.45;width:36vmax;height:36vmax;animation:19s ease-in-out infinite alternate al-float2;bottom:-14vmax;right:-12vmax}.apolo-login .lg-orb.o3{background:var(--blue-3);opacity:.25;width:24vmax;height:24vmax;animation:13s ease-in-out infinite alternate-reverse al-float1;top:8%;right:18%}@keyframes al-float1{to{transform:translate(24vw,18vh)scale(1.15)}}@keyframes al-float2{to{transform:translate(-22vw,-20vh)scale(.9)}}.apolo-login .login-net{position:absolute;inset:0}.apolo-login .lg-ring{border:1px solid #ffffff1a;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.apolo-login .lg-ring.r1{border-style:dashed;width:min(720px,120vw);height:min(720px,120vw);animation:60s linear infinite al-ring-spin}.apolo-login .lg-ring.r2{border-color:#c52a3a4d;width:min(520px,90vw);height:min(520px,90vw);animation:40s linear infinite reverse al-ring-spin}.apolo-login .lg-ring.r2:after{content:"";background:var(--red);width:10px;height:10px;box-shadow:0 0 18px var(--red);border-radius:50%;position:absolute;top:-5px;left:50%}@keyframes al-ring-spin{to{transform:translate(-50%,-50%)rotate(360deg)}}.apolo-login .login-back{z-index:3;font:600 .86rem/1 var(--ff-h);color:#ffffffd9;border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000059;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;transition:background .3s,color .3s;display:inline-flex;position:fixed;top:18px;left:18px}.apolo-login .login-back:hover{color:#fff;background:#ffffff1a}.apolo-login .login-wrap{z-index:2;justify-content:center;align-items:center;min-height:100svh;padding:64px 16px 24px;display:flex;position:relative}.apolo-login .lg-card{-webkit-backdrop-filter:blur(18px)saturate(1.2);width:min(350px,100%);animation:al-card-in .9s var(--ease-out) both;background:linear-gradient(160deg,#ffffff1a,#ffffff08);border:1px solid #ffffff29;border-radius:28px;flex-direction:column;align-items:center;padding:26px 24px 20px;transition:transform .25s ease-out;display:flex;box-shadow:0 50px 100px -30px #000000e6,inset 0 1px #ffffff24}@keyframes al-card-in{0%{opacity:0;transform:translateY(30px)scale(.96)}}.apolo-login .lg-card.is-shaking{animation:.45s al-shake}@keyframes al-shake{20%,60%{translate:-8px}40%,80%{translate:8px}}.apolo-login .login-logo{background:linear-gradient(150deg,#fff,#e6eefa);border:1px solid #ffffffe6;border-radius:28px;place-items:center;width:104px;height:104px;margin-bottom:16px;padding:16px;animation:6s ease-in-out infinite al-logo-float;display:grid;box-shadow:inset 3px 3px 10px #fff,inset -6px -8px 16px #0b6cb324,0 20px 40px -16px #000c,0 0 0 8px #ffffff0f}.apolo-login .login-logo img{width:100%;height:auto}@keyframes al-logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.apolo-login .login-view{flex-direction:column;gap:12px;width:100%;transition:opacity .26s,transform .26s;display:flex}.apolo-login .lg-card.swap .login-view{opacity:0;transform:translate(-16px)}.apolo-login .login-view h1{text-align:center;font-size:1.55rem;font-weight:800}.apolo-login .login-sub{text-align:center;color:var(--muted);font:500 .78rem/1.4 var(--ff-h);letter-spacing:.2em;margin:-6px 0 6px}.apolo-login .field{align-items:center;display:flex;position:relative}.apolo-login .field>.ico{color:#ffffff8c;pointer-events:none;width:20px;height:20px;transition:color .25s;position:absolute;left:16px}.apolo-login .field input{color:#fff;width:100%;height:50px;font:500 .95rem var(--ff-b);background:linear-gradient(150deg,#ffffff17,#ffffff0a);border:1px solid #ffffff29;border-radius:16px;padding:0 48px;transition:box-shadow .25s,border-color .25s;box-shadow:inset 0 1px #ffffff14,0 10px 24px -16px #000000e6}.apolo-login .field input::placeholder{color:#ffffff73}.apolo-login .field input:focus{border-color:var(--blue-3);outline:none;box-shadow:0 0 0 3px #4fa8ea40}.apolo-login .field:focus-within>.ico{color:var(--blue-3)}.apolo-login .field.invalid input{border-color:var(--red-2);box-shadow:0 0 0 3px #c52a3a33}.apolo-login .eye{color:#fff9;border-radius:10px;place-items:center;width:36px;height:36px;display:grid;position:absolute;right:8px}.apolo-login .eye:hover,.apolo-login .eye[aria-pressed=true]{color:#fff;background:#ffffff14}.apolo-login .eye .ico{width:20px;height:20px}.apolo-login .login-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.apolo-login .login-row.end{justify-content:flex-end}.apolo-login .login-link{font:600 .85rem var(--ff-b);color:var(--blue-3)}.apolo-login .login-link:hover{color:var(--red-2)}.apolo-login .login-link.center{align-self:center}.apolo-login .login-btn{height:54px;font:700 1.05rem/1 var(--ff-h);color:#fff;background:linear-gradient(100deg, var(--blue-2) 0%, var(--blue) 60%, #003a63 100%);border:1px solid #ffffff4d;border-radius:18px;justify-content:center;align-items:center;margin-top:4px;transition:box-shadow .3s,filter .3s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px #ffffff4d,0 16px 30px -12px #00487be6,0 0 30px -8px #0b6cb3b3}.apolo-login .login-btn:before{content:"";background:linear-gradient(110deg,#0000 30%,#ffffff4d 50%,#0000 70%);animation:3.6s ease-in-out infinite al-btn-shine;position:absolute;inset:0;transform:translate(-120%)}@keyframes al-btn-shine{0%,55%{transform:translate(-120%)}to{transform:translate(120%)}}.apolo-login .login-btn:hover{filter:brightness(1.1)}.apolo-login .login-btn i{background:#ffffff2e;border:1px solid #fff6;border-radius:50%;place-items:center;width:36px;height:36px;transition:transform .3s,background .3s;display:grid;position:absolute;right:9px}.apolo-login .login-btn:hover i{background:var(--red);border-color:var(--red);transform:translate(3px)}.apolo-login .login-btn i svg{width:18px;height:18px}.apolo-login .login-btn[disabled]{opacity:.6;pointer-events:none}.apolo-login .form-msg{color:var(--muted);text-align:center;font-size:.85rem}.apolo-login .form-msg:empty{display:none}.apolo-login .form-msg.ok{color:#6fe3a5}.apolo-login .form-msg.err{color:var(--red-2)}.apolo-login .form-msg a{color:#fff;text-decoration:underline}.apolo-login .login-tagline{font:600 .7rem/1 var(--ff-h);letter-spacing:.28em;text-transform:uppercase;color:#fff9;margin-top:16px}.apolo-login .login-tagline span{color:var(--red-2);margin:0 6px}.apolo-login .login-corner{z-index:2;font:600 .7rem/1.7 var(--ff-h);letter-spacing:.28em;text-transform:uppercase;color:#ffffff80;position:fixed;bottom:22px;right:24px}.apolo-login .login-corner i{background:var(--red);width:22px;height:2px;margin-top:6px;display:block}.apolo-login .login-note{text-align:center;color:#dce6f2;font-size:.88rem;line-height:1.5}.apolo-login .field.code input{letter-spacing:.3em;padding:0 16px 0 48px;font-weight:600}.apolo-login .mfa-setup{flex-direction:column;gap:12px;display:flex}.apolo-login .mfa-qr{background:#fff;border-radius:18px;align-self:center;padding:12px;box-shadow:0 20px 40px -16px #000c,0 0 0 8px #ffffff0f}.apolo-login .mfa-qr svg{width:168px;height:168px;display:block}.apolo-login .mfa-key{text-align:center;background:linear-gradient(150deg,#ffffff17,#ffffff0a);border:1px solid #ffffff29;border-radius:16px;padding:12px 14px}.apolo-login .mfa-key code{letter-spacing:.12em;word-break:break-all;color:#fff;font-size:.85rem;display:block}.apolo-login .mfa-key .login-link{margin-top:8px}.apolo-login .mfa-key .form-msg{margin-top:6px}.apolo-login .mfa-codes{background:linear-gradient(150deg,#ffffff17,#ffffff0a);border:1px solid #ffffff29;border-radius:16px;grid-template-columns:repeat(2,1fr);gap:8px;padding:12px;list-style:none;display:grid}.apolo-login .mfa-codes code{text-align:center;letter-spacing:.1em;color:#fff;font-size:.85rem;display:block}.apolo-login .mfa-warning{color:#f6d58b;text-align:center;font-size:.85rem;line-height:1.45}.apolo-login .login-view .alert{color:var(--red-2);text-align:center;font-size:.85rem;line-height:1.45}.apolo-login .lg-card--wide{width:min(400px,100%)}.apolo-login .pw-reqs{background:linear-gradient(150deg,#ffffff12,#ffffff05);border:1px solid #ffffff1f;border-radius:16px;gap:6px;padding:10px 14px;font-size:.8rem;line-height:1.3;list-style:none;display:grid}.apolo-login .pw-reqs li{align-items:center;gap:8px;display:flex}.apolo-login .pw-reqs svg{flex:none;width:16px;height:16px;transition:color .25s}@media (max-width:520px){.apolo-login .login-corner{display:none}}@media (max-height:640px){.apolo-login .login-logo{border-radius:22px;width:84px;height:84px;margin-bottom:10px;padding:12px}.apolo-login .login-view{gap:10px}.apolo-login .field input{height:46px}.apolo-login .login-btn{height:48px}.apolo-login .login-tagline{margin-top:10px}}