.login-root{background-color:#f5f7fb;background-image:radial-gradient(360px 280px at 8% 6%,#7dd3fc47 0%,#0000 60%),radial-gradient(380px 300px at 92% 8%,#c4b5fd47 0%,#0000 60%),radial-gradient(320px 260px at 28% 38%,#93c5fd33 0%,#0000 65%),radial-gradient(300px 240px at 78% 48%,#d8b4fe2e 0%,#0000 65%),radial-gradient(340px 280px at 6% 88%,#a7f3d033 0%,#0000 60%),radial-gradient(360px 280px at 94% 92%,#fbcfe842 0%,#0000 60%),radial-gradient(280px 240px at 50% 70%,#bae6fd29 0%,#0000 65%);background-attachment:fixed;grid-template-columns:1fr;min-height:100vh;display:grid;overflow-x:hidden}@media (min-width:1024px){.login-root{grid-template-columns:1fr 1fr}}.promo-panel{display:none;position:relative;overflow:hidden}@media (min-width:1024px){.promo-panel{display:block}}.promo-showcase{position:absolute;inset:0;overflow:hidden}.promo-bg{pointer-events:none;background:radial-gradient(70% 60% at 30% 20%,#158efe0f 0%,#0000 70%),radial-gradient(50% 50% at 70% 65%,#8b5cf60d 0%,#0000 60%);position:absolute;inset:0}.promo-canvas-wrap{aspect-ratio:1;z-index:0;pointer-events:none;justify-content:center;align-items:center;width:90%;max-width:600px;display:flex;position:absolute;bottom:-5%;left:50%;transform:translate(-50%)}.promo-canvas{opacity:.85;width:100%;height:100%;display:block}.promo-globe-fallback{opacity:.85;pointer-events:none;background:radial-gradient(circle at 32% 28%,#ffffff8c 0%,#0000 42%),radial-gradient(circle at 72% 62%,#648cff47 0%,#0000 48%),radial-gradient(circle,#ebeefceb 0%,#c3d0f58c 100%);border-radius:50%;flex-shrink:0;width:100%;height:100%;display:block;box-shadow:inset -18px -22px 50px #8296dc1f,0 0 72px #5a82ff0f}.promo-content{color:#1f1f1f;z-index:1;pointer-events:none;max-width:720px;transform-style:preserve-3d;will-change:transform;margin:0 auto;padding:64px 40px;position:relative}.promo-logo-text{letter-spacing:.5px;-webkit-text-fill-color:transparent;background-image:linear-gradient(135deg,#158efe 0%,#ca65fe 100%);-webkit-background-clip:text;background-clip:text;font-size:48px;font-weight:800;line-height:1;transition:all .3s;display:inline-block}.promo-logo-text-link{cursor:pointer;pointer-events:auto;text-decoration:none;transition:all .3s;display:inline-block}.promo-logo-text-link:hover .promo-logo-text{filter:drop-shadow(0 4px 12px #ca65fe4d);background-image:linear-gradient(135deg,#2da0ff 0%,#d87bff 100%);transform:translateY(-3px)}.promo-logo-text-link:active .promo-logo-text{transform:translateY(-1px)}.promo-sub{color:#1f1f1f;gap:15px;margin-top:16px;font-size:32px;display:flex}.promo-desc{color:#39393999;max-width:572px;margin-top:16px;font-size:14px;line-height:22px}@media (prefers-reduced-motion:reduce){.promo-canvas,.promo-globe-fallback{animation:none!important}}.login-panel{justify-content:center;align-items:center;padding:24px 16px;display:flex}.login-card-wrap{flex-direction:column;align-items:center;width:100%;display:flex}.login-card-inner{isolation:isolate;-webkit-backdrop-filter:saturate(180%)blur(40px);background:linear-gradient(#f8fbff8c 0%,#ebf2fc52 100%);border:1px solid #ffffff80;border-top-color:#ffffffbf;border-radius:22px;width:100%;max-width:420px;padding:8px 22px 24px;position:relative;box-shadow:inset 0 1px #ffffffbf,inset 0 -1px #0f172a0a,0 1px 2px #0f172a0a,0 12px 28px -6px #0f172a1f,0 28px 56px -12px #0f172a33}.login-card-inner:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffffd9,#0000);height:1px;position:absolute;top:0;left:12%;right:12%}.login-card-inner:after{content:"";z-index:-1;pointer-events:none;border-radius:inherit;background:radial-gradient(70% 50% at 0 0,#60a5fa1a 0%,#0000 70%),radial-gradient(70% 50% at 100% 100%,#a78bfa1a 0%,#0000 70%);position:absolute;inset:0}.login-brand{justify-content:center;align-items:center;gap:8px;margin-bottom:16px;display:flex}.login-brand-logo{border-radius:9999px;height:40px}.login-card{box-shadow:none;border:none;border-radius:0}.login-card-head{flex-direction:column;justify-content:center;align-items:center;padding-top:24px;display:flex}.login-head-decoration{width:120px;height:auto;margin-bottom:8px}.login-head-brand{align-items:center;gap:8px;margin-bottom:8px;display:inline-flex}@media (min-width:1024px){.login-card-head .login-head-brand-link,.login-card-head .login-head-brand{display:none}.login-card-head{padding-top:32px}}.login-head-brand-icon{width:28px;height:auto}.login-head-brand-name{color:hsl(var(--foreground));font-size:20px;font-weight:800;line-height:1}.login-card-body{padding:16px 12px 24px}.login-form .semi-input-wrapper{-webkit-backdrop-filter:blur(12px);border-radius:10px;align-items:center;min-height:48px;transition:box-shadow .2s,background-color .2s;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffffb3,0 1px 2px #0f172a0a;background-color:#ffffffa6!important;border:none!important;padding:2px!important}.login-form .semi-input-wrapper:hover{box-shadow:inset 0 0 0 1px #0084ff4d,0 2px 6px #0f172a0f;background-color:#ffffffc7!important}.login-form .semi-input-wrapper:focus-within{box-shadow:inset 0 0 0 2px #0084ff8c,0 4px 12px #0084ff1a;background-color:#ffffffd9!important}.login-form .semi-input{color:hsl(var(--foreground));caret-color:hsl(var(--primary));width:100%;font-size:14px;background-color:#0000!important;border-radius:6px!important;height:44px!important;padding:0 14px!important}.login-form .semi-input::placeholder{color:hsl(var(--muted-foreground))}.login-form .semi-input:-webkit-autofill{caret-color:hsl(var(--foreground));transition:background-color 5000s ease-in-out;-webkit-text-fill-color:hsl(var(--foreground))!important;-webkit-box-shadow:inset 0 0 0 1000px #e8f0fe!important}.login-form .semi-input:-webkit-autofill:hover{caret-color:hsl(var(--foreground));transition:background-color 5000s ease-in-out;-webkit-text-fill-color:hsl(var(--foreground))!important;-webkit-box-shadow:inset 0 0 0 1000px #e8f0fe!important}.login-form .semi-input:-webkit-autofill:focus{caret-color:hsl(var(--foreground));transition:background-color 5000s ease-in-out;-webkit-text-fill-color:hsl(var(--foreground))!important;-webkit-box-shadow:inset 0 0 0 1000px #e8f0fe!important}.login-form .semi-input:-webkit-autofill:active{caret-color:hsl(var(--foreground));transition:background-color 5000s ease-in-out;-webkit-text-fill-color:hsl(var(--foreground))!important;-webkit-box-shadow:inset 0 0 0 1000px #e8f0fe!important}body[theme-mode=dark] .login-form .semi-input:-webkit-autofill{caret-color:#e8edf5;-webkit-text-fill-color:#e8edf5!important;-webkit-box-shadow:inset 0 0 0 1000px #1e2534!important}body[theme-mode=dark] .login-form .semi-input:-webkit-autofill:hover{caret-color:#e8edf5;-webkit-text-fill-color:#e8edf5!important;-webkit-box-shadow:inset 0 0 0 1000px #1e2534!important}body[theme-mode=dark] .login-form .semi-input:-webkit-autofill:focus{caret-color:#e8edf5;-webkit-text-fill-color:#e8edf5!important;-webkit-box-shadow:inset 0 0 0 1000px #1e2534!important}body[theme-mode=dark] .login-form .semi-input:-webkit-autofill:active{caret-color:#e8edf5;-webkit-text-fill-color:#e8edf5!important;-webkit-box-shadow:inset 0 0 0 1000px #1e2534!important}html.dark .login-form .semi-input:-webkit-autofill{caret-color:#e8edf5;-webkit-text-fill-color:#e8edf5!important;-webkit-box-shadow:inset 0 0 0 1000px #1e2534!important}html.dark .login-form .semi-input:-webkit-autofill:hover{caret-color:#e8edf5;-webkit-text-fill-color:#e8edf5!important;-webkit-box-shadow:inset 0 0 0 1000px #1e2534!important}html.dark .login-form .semi-input:-webkit-autofill:focus{caret-color:#e8edf5;-webkit-text-fill-color:#e8edf5!important;-webkit-box-shadow:inset 0 0 0 1000px #1e2534!important}html.dark .login-form .semi-input:-webkit-autofill:active{caret-color:#e8edf5;-webkit-text-fill-color:#e8edf5!important;-webkit-box-shadow:inset 0 0 0 1000px #1e2534!important}.login-form .login-sms-code-input{width:100%;height:44px;color:hsl(var(--foreground));box-sizing:border-box;background-color:#ffffffeb;border:none;border-radius:8px;outline:none;padding:0 12px;font-size:14px;transition:box-shadow .2s,background-color .2s;box-shadow:inset 0 0 0 1px #b4bccde6}.login-form .login-sms-code-input:focus{box-shadow:inset 0 0 0 2px #0084ff80}body[theme-mode=dark] .login-form .login-sms-code-input,html.dark .login-form .login-sms-code-input{color:#edf2fff2;background-color:#1c202ceb;box-shadow:inset 0 0 0 1px #ffffff29}body[theme-mode=dark] .login-form .login-sms-code-input:focus,html.dark .login-form .login-sms-code-input:focus{box-shadow:inset 0 0 0 2px #60a5fa8c}body[theme-mode=dark] .login-form .login-sms-code-input:-webkit-autofill{caret-color:#e8edf5;-webkit-text-fill-color:#e8edf5!important;-webkit-box-shadow:inset 0 0 0 1000px #1e2534!important}body[theme-mode=dark] .login-form .login-sms-code-input:-webkit-autofill:hover{caret-color:#e8edf5;-webkit-text-fill-color:#e8edf5!important;-webkit-box-shadow:inset 0 0 0 1000px #1e2534!important}body[theme-mode=dark] .login-form .login-sms-code-input:-webkit-autofill:focus{caret-color:#e8edf5;-webkit-text-fill-color:#e8edf5!important;-webkit-box-shadow:inset 0 0 0 1000px #1e2534!important}html.dark .login-form .login-sms-code-input:-webkit-autofill{caret-color:#e8edf5;-webkit-text-fill-color:#e8edf5!important;-webkit-box-shadow:inset 0 0 0 1000px #1e2534!important}html.dark .login-form .login-sms-code-input:-webkit-autofill:hover{caret-color:#e8edf5;-webkit-text-fill-color:#e8edf5!important;-webkit-box-shadow:inset 0 0 0 1000px #1e2534!important}html.dark .login-form .login-sms-code-input:-webkit-autofill:focus{caret-color:#e8edf5;-webkit-text-fill-color:#e8edf5!important;-webkit-box-shadow:inset 0 0 0 1000px #1e2534!important}.login-form .semi-form-field-label{color:hsl(var(--foreground) / .8);font-size:14px;font-weight:500}.login-form .semi-input-prefix,.login-form .semi-input-suffix{color:hsl(var(--muted-foreground))}.gradient-btn{background-image:linear-gradient(135deg,#46acff 0%,#0084ff 100%);border:none!important;border-radius:8px!important}.gradient-btn:hover{filter:brightness(1.05)}.gradient-btn:active{filter:brightness(.95)}.link-gradient .semi-button-content{-webkit-text-fill-color:transparent;background-image:linear-gradient(135deg,#46acff 0%,#0084ff 100%);-webkit-background-clip:text;background-clip:text}.login-card .semi-button{font-size:14px;border-radius:8px!important;height:44px!important}.register-link{-webkit-text-fill-color:transparent;background-image:linear-gradient(135deg,#46acff 0%,#0084ff 100%);-webkit-background-clip:text;background-clip:text}.third-icons{justify-content:center;align-items:center;gap:16px;margin-top:24px;display:flex}.third-btn{cursor:pointer;background:0 0;border:none;padding:0;line-height:0}.third-btn img,.third-btn svg{width:24px;height:24px}.third-btn:focus-visible{outline-offset:3px;outline:2px solid #0084ff}@media (max-width:767px){.login-card-inner{max-width:360px}}.login-lang-switch{z-index:1000;align-items:center;gap:12px;display:flex;position:fixed;top:16px;right:16px}.login-lang-btn{cursor:pointer;box-shadow:none;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.login-lang-btn:hover{background-color:#0000}.login-lang-btn img{width:20px;height:20px}.login-home-btn{-webkit-backdrop-filter:saturate(170%)blur(16px);color:#0084ff;cursor:pointer;background:#ffffff73;border:1px solid #fff9;border-radius:9999px;justify-content:center;align-items:center;width:38px;height:38px;padding:0;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:inset 0 1px #fff9,0 2px 6px -1px #0f172a0f}.login-home-btn:hover{color:#0084ff;background:#ffffffa6;transform:scale(1.05);box-shadow:inset 0 1px #ffffffbf,0 4px 12px -2px #0084ff2e}.login-home-btn:active{transform:scale(.98)}.login-lang-switch .semi-button{-webkit-backdrop-filter:saturate(170%)blur(16px)!important;background:#ffffff73!important;border:1px solid #fff9!important;transition:background-color .2s,box-shadow .2s!important;box-shadow:inset 0 1px #fff9,0 2px 6px -1px #0f172a0f!important}.login-lang-switch .semi-button:hover{background:#ffffffa6!important;box-shadow:inset 0 1px #ffffffbf,0 4px 10px -2px #0f172a1a!important}@media (max-width:767px){.login-home-btn{display:none}}.login-head-brand-link{cursor:pointer;text-decoration:none;transition:all .2s;display:inline-block}.login-head-brand-link:hover{opacity:.8;transform:translateY(-2px)}.login-head-brand-link:active{transform:translateY(0)}.login-head-brand-link .login-head-brand{transition:all .2s}body[theme-mode=dark] .login-root,html.dark .login-root,[theme-mode=dark] .login-root{background-color:#0b0f1a;background-image:radial-gradient(420px 320px at 8% 6%,#3884c82e 0%,#0000 65%),radial-gradient(420px 320px at 92% 8%,#7c5cc829 0%,#0000 65%),radial-gradient(360px 280px at 6% 88%,#2878641f 0%,#0000 60%),radial-gradient(360px 280px at 94% 92%,#96508224 0%,#0000 60%)}body[theme-mode=dark] .promo-sub,html.dark .promo-sub{color:#e8ecf4}body[theme-mode=dark] .promo-desc,html.dark .promo-desc{color:#c8d2e6c7}body[theme-mode=dark] .promo-globe-fallback,html.dark .promo-globe-fallback,[theme-mode=dark] .promo-globe-fallback{opacity:.72;background:radial-gradient(circle at 32% 28%,#ffffff1f 0%,#0000 42%),radial-gradient(circle at 72% 62%,#78a0ff38 0%,#0000 48%),radial-gradient(circle,#37415fd9 0%,#232a4480 100%);box-shadow:inset -12px -16px 40px #00000059,0 0 64px #5078dc14}body[theme-mode=dark] .login-card-inner,html.dark .login-card-inner,[theme-mode=dark] .login-card-inner{background:linear-gradient(#141826a6 0%,#0b0f1a6b 100%);border:1px solid #ffffff14;border-top-color:#ffffff24;box-shadow:inset 0 1px #ffffff1a,0 12px 28px -6px #00000073,0 28px 56px -12px #0000008c}body[theme-mode=dark] .login-form .semi-input-wrapper,html.dark .login-form .semi-input-wrapper,[theme-mode=dark] .login-form .semi-input-wrapper{box-shadow:inset 0 0 0 1px #ffffff24,0 1px 2px #00000059;background-color:#1c202cc7!important}body[theme-mode=dark] .login-form .semi-input-wrapper:hover,html.dark .login-form .semi-input-wrapper:hover,[theme-mode=dark] .login-form .semi-input-wrapper:hover{box-shadow:inset 0 0 0 1px #46acff59,0 2px 6px #0000004d;background-color:#202634e0!important}body[theme-mode=dark] .login-form .semi-input-wrapper:focus-within,html.dark .login-form .semi-input-wrapper:focus-within,[theme-mode=dark] .login-form .semi-input-wrapper:focus-within{box-shadow:inset 0 0 0 2px #60a5fa8c,0 4px 12px #46acff26;background-color:#222838eb!important}body[theme-mode=dark] .login-form .semi-input,html.dark .login-form .semi-input{color:#edf2fff2;caret-color:#93c5fdf2}body[theme-mode=dark] .login-home-btn,body[theme-mode=dark] .login-lang-switch .semi-button,body[theme-mode=dark] .login-lang-switch .login-notice-btn,html.dark .login-home-btn,html.dark .login-lang-switch .semi-button,html.dark .login-lang-switch .login-notice-btn,[theme-mode=dark] .login-home-btn,[theme-mode=dark] .login-lang-switch .semi-button,[theme-mode=dark] .login-lang-switch .login-notice-btn{color:#93c5fd!important;background:#1418268c!important;border:1px solid #ffffff1a!important;box-shadow:inset 0 1px #ffffff1a,0 2px 6px -1px #0000004d!important}body[theme-mode=dark] .login-home-btn:hover,body[theme-mode=dark] .login-lang-switch .semi-button:hover,body[theme-mode=dark] .login-lang-switch .login-notice-btn:hover,html.dark .login-home-btn:hover,html.dark .login-lang-switch .semi-button:hover,html.dark .login-lang-switch .login-notice-btn:hover,[theme-mode=dark] .login-home-btn:hover,[theme-mode=dark] .login-lang-switch .semi-button:hover,[theme-mode=dark] .login-lang-switch .login-notice-btn:hover{background:#141826bf!important}.login-lang-switch .login-notice-btn:focus{background:#cbe7feb3!important}body[theme-mode=dark] .login-lang-switch .login-notice-btn:focus,html.dark .login-lang-switch .login-notice-btn:focus{background:#1e3c5ab3!important}@media (max-width:767px){.login-card-inner{background:linear-gradient(#f8fbffc7 0%,#ebf2fc9e 100%)}body[theme-mode=dark] .login-card-inner,html.dark .login-card-inner{background:linear-gradient(#161a26c7 0%,#0b0e1894 100%);border:1px solid #ffffff1a;border-top-color:#ffffff24;box-shadow:inset 0 1px #ffffff1a,0 12px 28px -6px #0000007a,0 28px 56px -12px #00000085}}.login-card-inner{will-change:transform, opacity, filter;animation:.7s cubic-bezier(.16,1,.3,1) both login-card-in}@keyframes login-card-in{0%{opacity:0;filter:blur(12px);transform:translateY(28px)scale(.96)}60%{opacity:1;filter:blur()}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.login-card-head{animation:.6s cubic-bezier(.22,1,.36,1) .22s both login-fade-up}.login-card-body{animation:.6s cubic-bezier(.22,1,.36,1) .28s both login-fade-up}.login-form .semi-form-field,.login-form .semi-input-wrapper,.login-form .semi-button,.login-form>*>.semi-row{animation:.52s cubic-bezier(.22,1,.36,1) both login-form-item-in}.login-card-body .semi-form>:first-child{animation-delay:.38s}.login-card-body .semi-form>:nth-child(2){animation-delay:.44s}.login-card-body .semi-form>:nth-child(3){animation-delay:.5s}.login-card-body .semi-form>:nth-child(4){animation-delay:.56s}.login-card-body .semi-form>:nth-child(5){animation-delay:.62s}.login-card-body .semi-form>:nth-child(6){animation-delay:.68s}.login-card-body .semi-form>*{animation:.52s cubic-bezier(.22,1,.36,1) both login-form-item-in}@keyframes login-form-item-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes login-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.login-card-inner{transition:transform .42s cubic-bezier(.22,1,.36,1),box-shadow .42s cubic-bezier(.22,1,.36,1)}@media (hover:hover) and (min-width:1024px){.login-card-inner:hover{transform:translateY(-3px);box-shadow:inset 0 1px #ffffffd9,inset 0 -1px #0f172a0a,0 2px 4px #0f172a0a,0 18px 36px -8px #0f172a29,0 36px 72px -16px #0f172a3d}}.login-card-inner:before{background:linear-gradient(90deg,#0000,#ffffffd9 50%,#0000) 0 0/200% 100% no-repeat;animation:8s ease-in-out 1.4s infinite login-card-sheen}@keyframes login-card-sheen{0%,to{opacity:.6;background-position:-50% 0}50%{opacity:1;background-position:150% 0}}.login-lang-switch{animation:.6s cubic-bezier(.22,1,.36,1) .36s both login-fade-down}@keyframes login-fade-down{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.promo-content{animation:.8s cubic-bezier(.16,1,.3,1) both promo-slide-in}.promo-content>*{animation:.6s cubic-bezier(.22,1,.36,1) both promo-item-in}.promo-content>:first-child{animation-delay:.2s}.promo-content>:nth-child(2){animation-delay:.32s}.promo-content>:nth-child(3){animation-delay:.44s}.promo-content>:nth-child(4){animation-delay:.56s}@keyframes promo-slide-in{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes promo-item-in{0%{opacity:0;filter:blur(6px);transform:translateY(14px)}to{opacity:1;filter:blur();transform:translateY(0)}}.promo-canvas-wrap{animation:12s ease-in-out infinite promo-globe-float}@keyframes promo-globe-float{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-12px)}}.gradient-btn{position:relative;overflow:hidden}.gradient-btn:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,#0000 0% 35%,#ffffff73 50%,#0000 65% 100%) 200% 0/250% 100%;transition:background-position .7s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.gradient-btn:hover:after{background-position:-50% 0}.gradient-btn:active{transform:scale(.98)}.login-form .semi-input-wrapper:focus-within{transform:translateY(-1px)}@media (prefers-reduced-motion:reduce){.login-card-inner,.login-card-head,.login-card-body,.login-card-body .semi-form>*,.login-form .semi-form-field,.login-form .semi-input-wrapper,.login-form .semi-button,.login-lang-switch,.promo-content,.promo-content>*,.promo-canvas-wrap,.login-card-inner:before,.gradient-btn:after{transition:none!important;animation:none!important}.login-card-inner:hover{transform:none!important}}
