.login-page{overflow:hidden;background:#050710}.login-page:before{position:fixed;inset:-22%;z-index:-3;content:"";pointer-events:none;background:radial-gradient(ellipse at 24% 32%,#a22cff35,transparent 31%),radial-gradient(ellipse at 76% 55%,#009df532,transparent 32%),radial-gradient(ellipse at 52% 105%,#6846ff28,transparent 38%);filter:blur(34px);animation:nebula-float 24s ease-in-out infinite alternate}.login-page:after{display:none}@keyframes nebula-float{to{transform:translate3d(2.5%,-2%,0) scale(1.06);filter:blur(48px)}}.starfield{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(440px circle at var(--pointer-x,50%) var(--pointer-y,45%),#6446a614,transparent 72%)}.login-page:before{z-index:-2}.star{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);border-radius:50%;background:var(--color);opacity:var(--alpha);box-shadow:0 0 calc(var(--size)*3) var(--color);transform:translate3d(var(--push-x,0),var(--push-y,0),0) scale(var(--scale,1));transition:transform .24s cubic-bezier(.2,.8,.2,1),opacity .4s;animation:twinkle var(--twinkle) ease-in-out var(--delay) infinite alternate;will-change:transform,opacity}@keyframes twinkle{to{opacity:calc(var(--alpha)*.28);filter:brightness(1.9)}}.shooting-star{position:absolute;left:var(--x);top:var(--y);width:clamp(100px,15vw,220px);height:2px;opacity:0;transform:rotate(34deg);transform-origin:right center;background:linear-gradient(90deg,transparent,transparent 48%,#73dfff9c 83%,#fff 100%);filter:drop-shadow(0 0 5px #6bdbff);animation:shooting var(--duration) cubic-bezier(.12,.4,.3,1) var(--delay) infinite}.shooting-star:after{position:absolute;right:-2px;top:-3px;width:8px;height:8px;border-radius:50%;content:"";background:#fff;box-shadow:0 0 12px 4px #83e7ff}.shooting-star:nth-child(1){--x:67%;--y:16%;--delay:1s;--duration:8s}.shooting-star:nth-child(2){--x:93%;--y:43%;--delay:4.4s;--duration:11s}.shooting-star:nth-child(3){--x:58%;--y:4%;--delay:7.8s;--duration:13s}.shooting-star:nth-child(4){--x:82%;--y:72%;--delay:10s;--duration:12s}@keyframes shooting{0%,64%,100%{opacity:0;transform:translate3d(0,0,0) rotate(34deg) scaleX(.1)}68%{opacity:1;transform:translate3d(-30px,18px,0) rotate(34deg) scaleX(1)}76%{opacity:0;transform:translate3d(-300px,180px,0) rotate(34deg) scaleX(.85)}}.login-card{width:min(430px,100%);padding:30px 32px 22px;border:1px solid #b4b7ff4a;border-radius:20px;background:linear-gradient(145deg,#1115229c,#10131bd1);backdrop-filter:blur(10px) saturate(145%);box-shadow:0 35px 110px #0009,0 0 85px #8a59ff29,0 0 42px #23cfff18,inset 0 1px #ffffff12}.login-card:before{position:absolute;inset:-2px;z-index:-1;border-radius:inherit;content:"";background:linear-gradient(135deg,#e19aff70,#8678ff2c 38%,#43d9ff4c);filter:blur(22px);opacity:.56}.login-brand-link{width:164px;height:74px;margin:-5px 0 9px}.login-brand-link img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 14px #6d43ff48)}.login-card .eyebrow{color:#b3a5d8}.login-card h1{font-size:30px;letter-spacing:-1.2px}.login-copy{margin-bottom:19px}.login-card input:not([type=checkbox]){background:#0c0e16b8;border-color:#ffffff20;box-shadow:inset 0 1px 4px #0005}.login-card input:not([type=checkbox]):focus{border-color:#9a80eb;box-shadow:0 0 0 3px #9674e52b}.login-card .primary-button{box-shadow:0 5px 26px #9f79ff38}.login-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px;padding-top:13px;border-color:#ffffff1b;color:#c5c7d4}.service-status,.remember-row{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:10px}.service-status{color:#d2d4df}.secure-dot{display:inline-block;flex:none;box-shadow:0 0 9px #70d7a4aa}.remember-row{cursor:pointer;color:#aaacbb}.remember-row input{width:14px;height:14px;margin:0;accent-color:#a78bfa;cursor:pointer}.form-error{font-size:11px}.login-brand-link:focus-visible,.remember-row:focus-within{outline:2px solid #bba3ff;outline-offset:4px;border-radius:4px}
@media(max-width:520px){.login-card{padding:25px 22px 18px}.login-foot{align-items:flex-start;flex-direction:column;gap:11px}.login-brand-link{width:145px;height:97px}}
@media(prefers-reduced-motion:reduce){.star,.shooting-star,.login-page:before{animation:none!important;transition:none!important}.starfield{background:none}}
.login-brand-link{width:156px;height:104px}.star{transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .35s}.shooting-star{animation-name:shooting-fast;animation-duration:var(--duration,9s);animation-delay:var(--delay,0s);filter:drop-shadow(0 0 7px #6bdbff)}@keyframes shooting-fast{0%,59%,100%{opacity:0;transform:translate3d(0,0,0) rotate(34deg) scaleX(.08)}62%{opacity:1;transform:translate3d(-24px,14px,0) rotate(34deg) scaleX(1)}75%{opacity:0;transform:translate3d(-330px,195px,0) rotate(34deg) scaleX(.82)}}
.starfield{background:transparent}.star{left:var(--x);top:var(--y);box-shadow:0 0 4px var(--color),0 0 9px var(--color);animation:star-particle-drift var(--drift-duration,38s) cubic-bezier(.37,0,.63,1) var(--drift-delay,0s) infinite alternate,star-particle-twinkle var(--twinkle,4s) ease-in-out var(--twinkle-delay,0s) infinite alternate;will-change:left,top,opacity}.star:where(:hover){opacity:1}@keyframes star-particle-drift{from{left:var(--x);top:var(--y)}to{left:var(--end-x);top:var(--end-y)}}@keyframes star-particle-twinkle{from{opacity:var(--alpha-low,.3);filter:brightness(.82)}to{opacity:var(--alpha-high,.85);filter:brightness(1.55)}}.shooting-star{animation:shooting-fast var(--duration,9s) cubic-bezier(.17,.67,.3,1) var(--delay,0s) infinite}.login-card .primary-button{height:46px;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:5px;border:1px solid #ffffff3b;border-radius:10px;background:linear-gradient(105deg,#aa8bff 0%,#9667f2 52%,#6d7ff2 100%);color:#fff;font-size:13px;font-weight:720;letter-spacing:.15px;box-shadow:0 7px 26px #895dff55,inset 0 1px #ffffff5c;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.login-card .primary-button:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.09);box-shadow:0 11px 34px #895dff78,inset 0 1px #ffffff70}.login-card .primary-button:active:not(:disabled){transform:translateY(0) scale(.99)}.login-card .primary-button:focus-visible{outline:2px solid #c8b5ff;outline-offset:3px}.login-card .primary-button span{transition:transform .18s ease}.login-card .primary-button:hover:not(:disabled) span{transform:translateX(3px)}
@media(prefers-reduced-motion:reduce){.star{animation:star-particle-drift var(--drift-duration,38s) linear var(--drift-delay,0s) infinite alternate,star-particle-twinkle var(--twinkle,4s) ease-in-out var(--twinkle-delay,0s) infinite alternate!important;transition:transform .3s ease!important}.shooting-star{animation:shooting-fast var(--duration,9s) linear var(--delay,0s) infinite!important}.login-page:before{animation:nebula-float 45s ease-in-out infinite alternate!important}}
@keyframes shooting-fast{0%,58%,100%{opacity:0;transform:translate3d(0,0,0) rotate(34deg) scaleX(.08)}60%{opacity:.2}62%{opacity:1;transform:translate3d(-24px,14px,0) rotate(34deg) scaleX(1)}69%{opacity:.28;transform:translate3d(-255px,151px,0) rotate(34deg) scaleX(.9)}71%{opacity:0;transform:translate3d(-330px,195px,0) rotate(34deg) scaleX(.82)}}
.star{left:var(--x);top:var(--y);animation:star-particle-drift var(--drift-duration,64s) cubic-bezier(.42,0,.58,1) var(--drift-delay,0s) infinite alternate,star-particle-twinkle var(--twinkle,4s) ease-in-out var(--twinkle-delay,0s) infinite alternate;will-change:translate,opacity}@keyframes star-particle-drift{from{translate:0 0}to{translate:var(--drift-x,40px) var(--drift-y,24px)}}.shooting-star{left:var(--x);top:var(--y);width:clamp(160px,22vw,300px);height:2px;border-radius:999px;background:linear-gradient(90deg,transparent 0%,#63baff08 16%,#6dc8ff40 56%,#adeaffd9 91%,#fff 100%);filter:drop-shadow(0 0 5px #59caff) drop-shadow(0 0 12px #4588ff9c);transform-origin:right center;animation:shooting-fast var(--duration,10s) linear var(--delay,0s) infinite}@keyframes shooting-fast{0%,100%{opacity:0;transform:translate3d(0,0,0) rotate(7deg) scaleX(.3)}3%{opacity:0}5%{opacity:1;transform:translate3d(-2vw,.5vh,0) rotate(7deg) scaleX(1)}26%{opacity:1;transform:translate3d(-120vw,30vh,0) rotate(7deg) scaleX(1)}29%{opacity:0;transform:translate3d(-132vw,33vh,0) rotate(7deg) scaleX(.8)}}
.shooting-star{left:var(--x);top:var(--y);width:clamp(130px,19vw,270px);height:2px;opacity:0;border-radius:999px;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--trail-color) 22%,transparent) 38%,color-mix(in srgb,var(--trail-color) 68%,transparent) 78%,var(--trail-color) 100%);filter:drop-shadow(0 0 4px var(--trail-color)) drop-shadow(0 0 11px var(--trail-color));transform-origin:right center;animation:none}.shooting-star.is-flying{animation:shooting-cross var(--duration,3.2s) cubic-bezier(.22,.58,.34,.96) 1 both}.shooting-star:after{right:-3px;top:-3px;width:8px;height:8px;border-radius:50%;background:var(--trail-color);box-shadow:0 0 7px 2px var(--trail-color),0 0 16px var(--trail-color)}@keyframes shooting-cross{0%,100%{opacity:0;transform:translate3d(0,0,0) rotate(var(--angle)) scaleX(.35)}7%{opacity:0;transform:translate3d(var(--launch-x),var(--launch-y),0) rotate(var(--angle)) scaleX(.8)}12%{opacity:1;transform:translate3d(var(--launch-x),var(--launch-y),0) rotate(var(--angle)) scaleX(1)}87%{opacity:.96;transform:translate3d(var(--travel-x),var(--travel-y),0) rotate(var(--angle)) scaleX(1)}96%{opacity:0;transform:translate3d(var(--exit-x),var(--exit-y),0) rotate(var(--angle)) scaleX(.75)}}
@media(prefers-reduced-motion:reduce){.shooting-star:not(.is-flying){animation:none!important}.shooting-star.is-flying{animation:shooting-cross var(--duration,3.2s) cubic-bezier(.22,.58,.34,.96) 1 both!important}}
