@charset "UTF-8";
html{scrollbar-width:none}html::-webkit-scrollbar{display:none}
.auth-page{background:#f4f5f9;color:#273149;--auth-x:0px;--auth-y:0px}
.auth-header{padding:29px 4.3%;align-items:center}.auth-header .brand{font-size:19px;letter-spacing:-.3px;gap:13px}.auth-header .brand-icon{width:44px;height:44px;border-radius:14px}.auth-header nav{gap:30px;font-size:11px;color:#6e7992}.auth-header nav a{transition:color .2s}
.auth-background{background-position:center;background-size:cover;opacity:.65;transform:translate(var(--auth-x),var(--auth-y)) scale(1.08);will-change:transform}
.auth-atmosphere{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.auth-glow{position:absolute;border-radius:50%;filter:blur(70px)}
.auth-glow.glow-blue{width:480px;height:480px;background:#89b5ff42;right:4%;top:8%}.auth-glow.glow-violet{width:400px;height:400px;background:#c6afff36;left:14%;bottom:-7%}.auth-glow.glow-white{width:370px;height:370px;background:#ffffffe8;left:33%;top:-15%}
.auth-orbit{position:absolute;border:1px solid #94a9df26;border-radius:50%;width:650px;height:650px;left:calc(50% - 325px);top:calc(50% - 325px);transform:rotate(-20deg)}.auth-orbit.orbit-wide{width:900px;height:450px;left:calc(50% - 450px);top:calc(50% - 225px);border-color:#9ba6cd19;transform:rotate(25deg)}
.auth-particle{position:absolute;width:6px;height:6px;background:#8ca9ef;border:1px solid #eaf1ff;box-shadow:0 0 17px #6b87df36;border-radius:50%;left:calc(50% - 305px);top:25%}.auth-particle.particle-two{width:4px;height:4px;left:calc(50% + 315px);top:68%;background:#aaa1d9}.auth-particle.particle-three{width:8px;height:8px;left:calc(50% + 230px);top:17%;background:#a7c7ff}
.auth-main{padding:112px 24px 85px}.auth-card{width:430px;padding:35px 33px 29px;border-radius:27px;background:#fffffff0;border-color:#ffffffd9;box-shadow:0 24px 80px #425c8019,0 5px 20px #46577209;backdrop-filter:blur(30px)}
.auth-card-logo{width:59px;height:59px;border-radius:18px;margin-bottom:20px}.auth-title h1{font-size:25px;letter-spacing:-.6px;font-weight:710}.auth-title p{font-size:12px;color:#98a1b3;margin-top:8px}
.login-method{font-size:12px;line-height:36px;background:#f4f6fc;border-color:#e9edf6;color:#73809b;border-radius:10px;margin-top:25px;margin-bottom:21px}.auth-form{gap:18px}.auth-card .field>span:first-child{color:#55617a;font-size:11px}.input-wrap{height:47px;border-radius:12px;border-color:#e2e7f1;background:#f9fafdc9;gap:12px;padding:0 14px}.input-wrap>.icon{color:#9aa6bd;width:17px;height:17px}.input-wrap:focus-within{border-color:#9facf1;background:#fff;box-shadow:0 0 0 4px #8999f10b}.input-wrap input{font-size:12px;color:#2e3a54}.input-wrap input::placeholder{color:#a6afc0}.auth-card .input{border-radius:12px;background:#f9faffc9;border-color:#e2e7f1;font-size:12px}.auth-card .input:focus{border-color:#9facf1;box-shadow:0 0 0 4px #8999f10b}
.login-submit.btn.primary{min-height:46px;border-radius:12px;background:linear-gradient(115deg,#557eef,#7769df);box-shadow:0 6px 18px #6681dd28;border:0;font-size:13px;position:relative;overflow:hidden}.login-submit.btn.primary::after{content:"";position:absolute;inset:-20% -70%;background:linear-gradient(110deg,transparent 35%,#ffffff21 47%,transparent 60%);transform:translateX(-35%);pointer-events:none}.login-submit.btn.primary:hover{background:linear-gradient(115deg,#4e73df,#6c5ed3);box-shadow:0 9px 24px #6681dd37;transform:translateY(-2px)}
.auth-register{font-size:11px;color:#949eb3;margin-top:23px}.auth-register a{color:#616e9b;font-weight:600}.auth-legal{font-size:10px;color:#a5adbd;line-height:1.8;margin-top:25px}.auth-options,.auth-options .checkbox-label{font-size:10px;color:#98a2b7}.auth-options input{width:14px;height:14px;accent-color:#6e7cde}.auth-slogan{color:#5f6f8b}.auth-slogan>p{font-size:34px;line-height:1.6;letter-spacing:1px}.auth-slogan>span{font-size:11px;color:#9ca5b5}.auth-footer{font-size:10px;color:#a7b0c1;padding-bottom:17px}
.register-card{width:470px}.installer-card{max-width:850px}.auth-page .field input[aria-invalid=true]{border-color:#e597aa}.auth-page .input-wrap:has(input[aria-invalid=true]){border-color:#e597aa;box-shadow:0 0 0 3px #e2677b09}
@media(prefers-reduced-motion:no-preference){.auth-background{animation:auth-flow 17s ease-in-out infinite alternate}.glow-blue{animation:auth-glow 12s ease-in-out infinite alternate}.glow-violet{animation:auth-glow 16s ease-in-out -6s infinite alternate-reverse}.glow-white{animation:auth-glow 18s ease-in-out -3s infinite alternate}.auth-particle{animation:auth-spark 8s ease-in-out infinite}.particle-two{animation-delay:-4s}.particle-three{animation-delay:-6s}.auth-orbit{animation:auth-orbit 24s ease-in-out infinite alternate}.orbit-wide{animation-direction:alternate-reverse}.auth-card{animation:auth-arrive .7s cubic-bezier(.2,.8,.2,1) both}.auth-card-logo{animation:auth-logo 5s ease-in-out 1s infinite}.login-submit.btn.primary::after{animation:auth-shine 6s ease-in-out infinite}}
@keyframes auth-flow{from{transform:translate(calc(var(--auth-x) - 15px),calc(var(--auth-y) - 10px)) scale(1.08) rotate(-1deg)}to{transform:translate(calc(var(--auth-x) + 18px),calc(var(--auth-y) + 12px)) scale(1.13) rotate(1.5deg)}}@keyframes auth-glow{to{transform:translate(65px,-25px) scale(1.2)}}@keyframes auth-spark{50%{transform:translate(15px,-18px);opacity:.4}}@keyframes auth-orbit{to{rotate:10deg;scale:1.07}}@keyframes auth-arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes auth-logo{50%{transform:translateY(-4px)}}@keyframes auth-shine{0%,40%{transform:translateX(-45%)}75%,100%{transform:translateX(45%)}}
@media(max-width:1000px){.auth-slogan{display:none}.auth-header .brand{font-size:17px}.auth-background{opacity:.48}.auth-orbit{opacity:.5}}
@media(max-width:600px){.auth-header{padding:23px 24px}.auth-header .brand{font-size:15px;gap:9px}.auth-header .brand-icon{width:34px;height:34px;border-radius:11px}.auth-header nav{gap:14px;font-size:10px}.auth-main{padding:98px 20px 78px;min-height:100svh}.auth-card{padding:31px 25px 25px;border-radius:24px}.auth-card-logo{width:55px;height:55px;border-radius:17px}.auth-title h1{font-size:23px}.auth-glow.glow-blue{right:-230px}.auth-glow.glow-violet{left:-220px}.auth-particle{display:none}.auth-footer{position:absolute;font-size:9px}.auth-header .brand>span:last-child{max-width:185px;line-height:1.5}.auth-orbit{width:440px;height:440px;left:calc(50% - 220px);top:calc(50% - 220px)}}
@media(max-width:380px){.auth-header{padding:20px}.auth-header nav a:first-child{display:none}.auth-header .brand{font-size:14px}.auth-main{padding-left:16px;padding-right:16px}.auth-card{padding-left:23px;padding-right:23px}}
@media(prefers-reduced-motion:reduce){.auth-page *,.auth-page *::after{animation:none!important;transition:none!important}.auth-background{transform:none;will-change:auto}}
