.login-page.galaxy-login{position:relative;isolation:isolate;min-height:100svh;background:#070b22;color:#f4f2ff;overflow-x:hidden;padding:42px 24px}
.galaxy-scene{position:fixed;inset:0;overflow:hidden;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 19% 31%,#252664 0,transparent 42%),radial-gradient(ellipse at 83% 78%,#171b4b 0,transparent 40%),linear-gradient(140deg,#050a1a,#100b2b 57%,#080e23)}
.galaxy-nebula{position:absolute;width:110vmax;height:70vmax;left:-38vmax;top:-16vmax;opacity:.75;transform:rotate(-32deg);background:radial-gradient(ellipse at 46% 47%,#d596ff32 0,#934be930 14%,#703ced21 27%,transparent 51%),radial-gradient(ellipse at 67% 48%,#4e9ffc3b 0,#3a61cf20 24%,transparent 51%);animation:nebula-drift 48s ease-in-out infinite alternate}
.galaxy-nebula.second{width:85vmax;height:70vmax;left:auto;top:auto;right:-37vmax;bottom:-28vmax;opacity:.6;background:radial-gradient(ellipse,#6855d746 0,#673d8524 32%,transparent 63%);animation-duration:63s;animation-direction:alternate-reverse}
#galaxy-stars{position:absolute;inset:0;display:block;width:100%;height:100%}
.galaxy-orbit{position:absolute;width:70vmin;height:70vmin;left:-22vmin;bottom:-24vmin;border:1px solid #a49cf524;border-radius:50%;box-shadow:0 0 65px #9488ff0a,inset 0 0 65px #9488ff08}
.galaxy-orbit::before,.galaxy-orbit::after{content:"";position:absolute;inset:-30px;border:1px solid #a49cf50f;border-radius:50%}.galaxy-orbit::after{inset:32px}
.galaxy-login .login-shell{position:relative;z-index:1;width:min(430px,100%)}
.galaxy-login .login-card{background:linear-gradient(145deg,#1b1d3eec,#11152ded);border:1px solid #c5baff35;box-shadow:0 30px 100px #0007,0 0 55px #9174ff12,inset 0 1px 0 #ffffff0d;backdrop-filter:blur(18px);border-radius:26px;padding:30px 28px}
.galaxy-login .login-logo{color:#f5f2ff;letter-spacing:1px}.galaxy-login .login-logo span{color:#b9a0ff}
.galaxy-login .login-icon{position:relative;border:1px solid #bbadff4d;background:linear-gradient(145deg,#7656dca6,#415fc880);box-shadow:0 0 28px #9073ff27;color:#e8e0ff;margin-top:22px}
.galaxy-login .login-icon svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.galaxy-login .login-card h2{color:#f4f0ff;font-weight:700;font-size:26px}.galaxy-login .login-card>p{color:#b5b5d1;margin-bottom:23px}
.galaxy-login .login-card label{color:#d7d5ec;font-weight:600}.galaxy-login .input-box{background:#080e2599;border-color:#9a98c537;border-radius:12px;height:52px}.galaxy-login .input-box:focus-within{background:#0c122b;border-color:#b99aff;box-shadow:0 0 0 3px #b99aff1f}
.galaxy-login .input-box input{color:#f4f0ff;font-family:inherit}.galaxy-login .input-box input::placeholder{color:#9499b5;opacity:1}.galaxy-login input:-webkit-autofill{-webkit-text-fill-color:#f4f0ff;box-shadow:0 0 0 100px #111730 inset;caret-color:#fff}
.galaxy-login .login-btn{cursor:pointer;border-radius:12px;background:linear-gradient(110deg,#8b64e8,#637fe8);box-shadow:0 8px 27px #7e58e62e;transition:box-shadow .2s,filter .2s;letter-spacing:.2px}.galaxy-login .login-btn:hover{filter:brightness(1.1);box-shadow:0 8px 32px #7e58e655}.galaxy-login .login-btn:focus-visible,.galaxy-login a:focus-visible,.galaxy-motion:focus-visible{outline:2px solid #d2beff;outline-offset:4px}
.galaxy-login .login-help{color:#b5b5cf}.galaxy-login .login-help a{color:#ccb6ff}.galaxy-login .login-note{color:#b5b6cc;font-size:11px}.galaxy-login .form-error{padding:11px 13px;background:#ffd5e110;border:1px solid #ee91aa66;color:#ffd7e1;font-size:12px;line-height:1.5;border-radius:10px;margin:18px 0 8px}
.galaxy-motion{position:fixed;right:18px;top:16px;z-index:2;padding:8px 11px;border:1px solid #bbb5ef30;border-radius:20px;color:#c9c7df;background:#0e122ccc;font:11px/1.3 system-ui,sans-serif;cursor:pointer;display:flex;align-items:center;gap:7px}.galaxy-motion svg{width:12px;height:12px;fill:currentColor}.galaxy-paused .galaxy-nebula{animation-play-state:paused}
@keyframes nebula-drift{from{transform:translate3d(0,0,0) rotate(-32deg) scale(1)}to{transform:translate3d(4%,3%,0) rotate(-24deg) scale(1.09)}}
@media(max-width:520px){.login-page.galaxy-login{padding:62px 18px 30px}.galaxy-login .login-card{padding:26px 22px;border-radius:22px}.galaxy-login .login-card h2{font-size:24px}.galaxy-motion{right:14px;top:12px}.galaxy-nebula{opacity:.65}.galaxy-login .login-icon{width:62px;height:62px;margin-top:20px}}
@media(prefers-reduced-motion:reduce){.galaxy-nebula{animation:none}.galaxy-motion{display:none}.galaxy-login .login-btn{transition:none}}
.galaxy-login .login-image-logo{position:relative;width:164px;height:164px;margin:0 auto 25px;display:grid;place-items:center;animation:logo-float 7s ease-in-out infinite}
.logo-image-frame{width:150px;height:150px;border-radius:28px;padding:9px;background:linear-gradient(145deg,#fff,#e7f4fb);border:1px solid #ddf0ff;box-shadow:0 0 30px #8ebaff40,0 12px 25px #05091f4d;display:grid;place-items:center}
.logo-image-frame img{display:block;width:100%;height:100%;object-fit:contain}
.logo-star-orbit{position:absolute;inset:-6px;border:1px dashed #b3ccff38;border-radius:50%;animation:logo-orbit 36s linear infinite;pointer-events:none}
.logo-star-orbit::after{content:"";position:absolute;left:50%;top:-3px;width:5px;height:5px;background:#d3e6ff;border-radius:50%;box-shadow:0 0 10px #b8d4ff}
.logo-sparkles{position:absolute;inset:-15px;pointer-events:none}.logo-spark{position:absolute;width:13px;height:13px;animation:logo-sparkle 4s ease-in-out infinite;filter:drop-shadow(0 0 5px #b5d4ff)}
.logo-spark::before,.logo-spark::after{content:"";position:absolute;background:#daecff;border-radius:50%}.logo-spark::before{left:6px;top:0;width:2px;height:13px}.logo-spark::after{left:0;top:6px;width:13px;height:2px}
.logo-spark:nth-child(1){left:3%;top:24%;animation-delay:-1s}.logo-spark:nth-child(2){right:6%;top:9%;animation-delay:-2.8s}.logo-spark:nth-child(3){right:0;bottom:25%;animation-delay:-.3s;transform:scale(.7)}.logo-spark:nth-child(4){left:18%;bottom:0;animation-delay:-2s;transform:scale(.7)}.logo-spark:nth-child(5){left:44%;top:-3%;animation-delay:-3.4s;transform:scale(.6)}
.galaxy-paused .login-image-logo,.galaxy-paused .logo-star-orbit,.galaxy-paused .logo-spark{animation-play-state:paused}
@keyframes logo-float{0%,100%{translate:0 0}50%{translate:0 -5px}}@keyframes logo-orbit{to{rotate:360deg}}@keyframes logo-sparkle{0%,100%{opacity:.35;scale:.7}50%{opacity:1;scale:1}}
@media(max-width:520px){.galaxy-login .login-image-logo{width:148px;height:148px;margin-bottom:22px}.logo-image-frame{width:136px;height:136px;border-radius:24px}}
@media(prefers-reduced-motion:reduce){.galaxy-login .login-image-logo,.logo-star-orbit,.logo-spark{animation:none}}
.login-layout{display:grid;grid-template-columns:minmax(320px,480px) 430px;align-items:center;gap:55px;width:min(1060px,100%)}
.solar-stage{width:100%;height:440px;position:relative;pointer-events:none;filter:drop-shadow(0 0 26px #849de817)}
#solar-system{display:block;width:100%;height:100%}
.solar-stage::after{content:"";position:absolute;inset:20%;border-radius:50%;background:radial-gradient(ellipse,#ffa5520b,transparent 65%);z-index:-1}
@media(max-width:960px){.login-layout{grid-template-columns:1fr;gap:14px;width:min(430px,100%)}.solar-stage{height:190px}.login-page.galaxy-login{padding-top:50px;align-items:start}}