:root{--m3-bg:#020814;--m3-panel:rgba(11,20,34,.72);--m3-text:#f7fbff;--m3-muted:#93a3b8;--m3-blue:#3a93ff;--m3-blue2:#6fc7ff}
body.m3-login-page{margin:0!important;height:100%!important;min-height:100svh!important;overflow:hidden!important;background:#020814!important;color:var(--m3-text)!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif!important}
body.m3-login-page #app{position:relative;z-index:5;min-height:100svh;background:transparent!important}
body.m3-login-page #appProvider{display:none!important}
#m3-login-visual{position:fixed;z-index:1;inset:0;overflow:hidden;background:radial-gradient(circle at 30% 45%,rgba(35,103,193,.16),transparent 30%),radial-gradient(circle at 85% 50%,rgba(14,73,152,.12),transparent 34%),radial-gradient(circle at 60% 15%,rgba(83,175,255,.06),transparent 18%),linear-gradient(180deg,#020712 0%,#020a18 58%,#01050d 100%);color:var(--m3-text);isolation:isolate}
#m3-login-visual .m3-stars,#m3-login-visual .m3-nebula,#m3-login-visual .m3-grid,#m3-login-visual .m3-orbit-glow,#m3-login-visual .m3-scan-wave,#m3-login-visual .m3-shooting-stars{position:absolute;inset:0;pointer-events:none}
#m3-login-visual .m3-stars{overflow:hidden}
#m3-login-visual .m3-stars:before,#m3-login-visual .m3-stars:after{content:"";position:absolute;inset:-25%;background-image:radial-gradient(circle,rgba(255,255,255,.95) 0 1px,transparent 1.45px),radial-gradient(circle,rgba(111,199,255,.85) 0 1px,transparent 1.45px);background-size:110px 110px,165px 165px;background-position:12px 26px,80px 90px;opacity:.38;animation:m3Drift 32s linear infinite,m3Twinkle 5.8s ease-in-out infinite}
#m3-login-visual .m3-stars:after{opacity:.20;animation-duration:44s,7.4s;transform:scale(1.12)}
@keyframes m3Drift{from{transform:translate3d(0,0,0)}to{transform:translate3d(60px,30px,0)}}
@keyframes m3Twinkle{0%,100%{opacity:.18}50%{opacity:.42}}
#m3-login-visual .m3-nebula{background:radial-gradient(ellipse at 28% 42%,rgba(40,110,255,.10),transparent 30%),radial-gradient(ellipse at 36% 50%,rgba(72,180,255,.08),transparent 20%),radial-gradient(ellipse at 80% 40%,rgba(56,118,255,.06),transparent 28%);filter:blur(14px);animation:m3NebulaFloat 14s ease-in-out infinite}
@keyframes m3NebulaFloat{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(10px,-8px,0) scale(1.03)}}
#m3-login-visual .m3-grid{inset:auto 0 0;height:42%;background:linear-gradient(to top,rgba(74,159,255,.10),transparent 65%),repeating-linear-gradient(to right,rgba(98,174,255,.08) 0 1px,transparent 1px 80px),repeating-linear-gradient(to top,rgba(98,174,255,.06) 0 1px,transparent 1px 60px);opacity:.14;mask-image:linear-gradient(to top,#000,transparent);transform-origin:bottom center;transform:perspective(900px) rotateX(72deg) scale(1.3);animation:m3GridPulse 8s ease-in-out infinite}
@keyframes m3GridPulse{0%,100%{opacity:.10}50%{opacity:.18}}
#m3-login-visual .m3-orbit-glow{will-change:transform;left:12%;top:10%;right:44%;bottom:12%;border-radius:50%;background:radial-gradient(circle at center,rgba(65,140,255,.09) 0,rgba(65,140,255,.05) 22%,transparent 48%),conic-gradient(from 0deg,transparent 0 18%,rgba(130,215,255,.18) 20%,transparent 28%,rgba(73,145,255,.22) 40%,transparent 48%,rgba(130,215,255,.16) 58%,transparent 66%,rgba(73,145,255,.18) 82%,transparent 100%);filter:blur(14px);opacity:.9;mix-blend-mode:screen;animation:m3OrbitSpin 22s linear infinite}
#m3-login-visual .m3-orbit-glow:before,#m3-login-visual .m3-orbit-glow:after{content:"";position:absolute;inset:7%;border-radius:50%;border:1px solid rgba(100,185,255,.11);box-shadow:0 0 60px rgba(53,138,255,.08),inset 0 0 26px rgba(111,199,255,.05)}
#m3-login-visual .m3-orbit-glow:after{inset:17%;opacity:.6}
@keyframes m3OrbitSpin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
#m3-login-visual .m3-scan-wave{background:radial-gradient(ellipse at 34% 49%,transparent 0 46%,rgba(104,191,255,.08) 48%,transparent 54%),radial-gradient(ellipse at 34% 49%,transparent 0 28%,rgba(104,191,255,.05) 30%,transparent 35%);filter:blur(3px);animation:m3ScanWave 5.6s ease-in-out infinite;opacity:.7}
@keyframes m3ScanWave{0%,100%{transform:scale(.97);opacity:.45}50%{transform:scale(1.03);opacity:.85}}
#m3-login-visual .m3-shooting-stars span{position:absolute;display:block;width:140px;height:1.5px;background:linear-gradient(90deg,transparent,rgba(140,212,255,.9),transparent);filter:drop-shadow(0 0 8px rgba(94,173,255,.8));opacity:0;transform:rotate(-22deg);animation:m3Shoot 11s linear infinite}
#m3-login-visual .m3-shooting-stars span:nth-child(1){top:18%;left:65%;animation-delay:0s}
#m3-login-visual .m3-shooting-stars span:nth-child(2){top:28%;left:78%;animation-delay:3.6s}
#m3-login-visual .m3-shooting-stars span:nth-child(3){top:44%;left:70%;animation-delay:7.2s}
@keyframes m3Shoot{0%,86%,100%{opacity:0;transform:translate3d(0,0,0) rotate(-22deg)}88%{opacity:1}96%{opacity:.25;transform:translate3d(-230px,110px,0) rotate(-22deg)}}
#m3-orbit-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
#m3-login-visual .m3-earth{will-change:transform;position:absolute;left:-10vw;bottom:-36vh;width:85vw;height:70vh;border-radius:50%;background:radial-gradient(circle at 55% 0%,rgba(255,255,255,.78) 0 1%,rgba(90,170,255,.56) 2%,transparent 4%),radial-gradient(ellipse at 50% 15%,rgba(83,150,227,.26),rgba(6,15,29,.95) 42%,#020814 68%);border-top:1px solid rgba(105,184,255,.85);box-shadow:0 -8px 44px rgba(72,157,255,.34),0 -20px 90px rgba(60,133,255,.12),inset 0 18px 60px rgba(20,87,170,.13);opacity:.82;transform:scale(1.04);animation:m3EarthIntro 1.2s cubic-bezier(.22,.8,.28,1) .05s both,m3EarthFloat 10s ease-in-out 1.2s infinite}
#m3-login-visual .m3-earth:before{content:"";position:absolute;left:8%;right:8%;top:-2px;height:3px;border-radius:50%;background:linear-gradient(90deg,transparent,rgba(170,220,255,.95),transparent);filter:blur(2px);opacity:.65}
#m3-login-visual .m3-earth:after{content:"";position:absolute;inset:8% 6% 0 10%;border-radius:50%;background:radial-gradient(circle at 30% 40%,rgba(255,174,88,.18) 0 1px,transparent 1.6px),radial-gradient(circle at 55% 50%,rgba(255,174,88,.15) 0 1px,transparent 1.6px),radial-gradient(circle at 70% 30%,rgba(255,174,88,.13) 0 1px,transparent 1.6px);background-size:26px 22px,31px 28px,40px 34px;opacity:.54}
@keyframes m3EarthIntro{from{opacity:0;transform:translateY(45px) scale(1.08)}to{opacity:.82;transform:translateY(0) scale(1.04)}}
@keyframes m3EarthFloat{0%,100%{transform:translateY(0) scale(1.04)}50%{transform:translateY(-10px) scale(1.048)}}
#m3-login-visual .m3-header{position:absolute;z-index:5;left:48px;right:48px;top:30px;display:flex;align-items:center;opacity:0;animation:m3FadeDown .8s ease .12s forwards}
#m3-login-visual .m3-brand{display:flex;align-items:center;gap:16px}
#m3-login-visual .m3-logo{font-size:28px;font-weight:800;font-style:italic;letter-spacing:-1px;text-shadow:0 0 18px rgba(74,156,255,.8),0 0 34px rgba(74,156,255,.25)}
#m3-login-visual .m3-divider{width:1px;height:24px;background:rgba(255,255,255,.18)}
#m3-login-visual .m3-brand-name{font-size:14px;color:#dbe8f7}
@keyframes m3FadeDown{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}
#m3-login-visual .m3-hero{position:absolute;z-index:4;left:7vw;top:50%;width:min(660px,48vw);transform:translateY(-50%);will-change:translate}
#m3-login-visual .m3-hero:after{content:"";position:absolute;z-index:-1;left:-6%;top:-16%;width:110%;height:120%;background:radial-gradient(circle at 45% 45%,rgba(95,180,255,.08),transparent 46%);filter:blur(28px);pointer-events:none}
#m3-login-visual .m3-eyebrow{font-size:13px;letter-spacing:.32em;color:#d6e6f8;margin-bottom:24px;opacity:0;animation:m3FadeUp .7s ease .28s forwards}
#m3-login-visual .m3-hero h1{font-size:clamp(44px,4.45vw,64px);line-height:1.08;margin:0 0 20px;letter-spacing:-.04em;font-weight:800;color:#f7fbff;opacity:0;animation:m3FadeUp .85s cubic-bezier(.22,.8,.28,1) .36s forwards}
#m3-login-visual .m3-blue{display:block;color:#83c7ff;text-shadow:0 0 25px rgba(69,154,255,.28),0 0 60px rgba(69,154,255,.10)}
#m3-login-visual .m3-sub{font-size:20px;color:#c6d6e7;margin-bottom:48px;opacity:0;animation:m3FadeUp .7s ease .48s forwards}
#m3-login-visual .m3-features{display:flex;gap:46px;opacity:0;animation:m3FadeUp .7s ease .58s forwards}
#m3-login-visual .m3-feature{display:flex;flex-direction:column;gap:7px;min-width:88px}
#m3-login-visual .m3-feature-icon{font-size:22px;color:#70b9ff;text-shadow:0 0 14px rgba(72,155,255,.40)}
#m3-login-visual .m3-feature b{font-size:14px}.m3-feature small{font-size:12px;color:#7f92aa}
@keyframes m3FadeUp{from{opacity:0;transform:translateY(20px);filter:blur(6px)}to{opacity:1;transform:none;filter:blur(0)}}
#m3-login-visual .m3-footer{position:absolute;z-index:5;bottom:28px;left:48px;color:#71849b;font-size:12px;opacity:0;animation:m3FadeUp .7s ease .85s forwards}

body.m3-login-page .n-config-provider{min-height:100svh!important;background:transparent!important}
body.m3-login-page .view-account{position:fixed!important;z-index:8!important;inset:0!important;min-height:100svh!important;width:100%!important;background:transparent!important;overflow:auto!important;pointer-events:none!important}
body.m3-login-page .view-account-header{display:none!important}
body.m3-login-page .view-account-container{pointer-events:auto!important;position:absolute!important;right:7vw!important;top:50%!important;transform:translateY(-50%)!important;width:min(430px,92vw)!important;max-width:430px!important;margin:0!important;padding:38px 34px 30px!important;border-radius:22px!important;background:linear-gradient(180deg,rgba(16,27,45,.84),rgba(7,16,29,.76)),radial-gradient(circle at top right,rgba(78,169,255,.08),transparent 35%)!important;border:1px solid rgba(139,194,255,.30)!important;box-shadow:0 30px 90px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.05),0 0 40px rgba(46,126,255,.08)!important;backdrop-filter:blur(14px)!important;opacity:0;animation:m3PanelIn .9s cubic-bezier(.18,.85,.28,1) .48s forwards;overflow:hidden!important;will-change:transform}
body.m3-login-page .view-account-container:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(130deg,rgba(135,198,255,.36),rgba(135,198,255,.04),rgba(58,147,255,.22));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.8;pointer-events:none}
body.m3-login-page .view-account-container:after{content:"";position:absolute;top:-30%;left:-55%;width:42%;height:180%;background:linear-gradient(90deg,transparent,rgba(140,220,255,.13),transparent);transform:rotate(18deg);animation:m3PanelSweep 12s ease-in-out infinite;pointer-events:none}
@keyframes m3PanelSweep{0%,20%{left:-55%;opacity:0}25%{opacity:1}40%,100%{left:125%;opacity:.2}}
@keyframes m3PanelIn{from{opacity:0;transform:translate(36px,-50%);filter:blur(8px)}to{opacity:1;transform:translate(0,-50%);filter:blur(0)}}
body.m3-login-page .view-account-top{position:relative!important;z-index:2!important;display:block!important;text-align:left!important;padding:0!important;margin:0 0 28px!important}
body.m3-login-page .view-account-top-logo{display:none!important}
body.m3-login-page .view-account-top-desc{font-size:36px!important;line-height:1.2!important;font-weight:700!important;color:#f7fbff!important;text-shadow:none!important;margin:0 0 7px!important;letter-spacing:-.02em!important}
body.m3-login-page .m3-login-desc{font-size:14px;color:#9fb1c7}
body.m3-login-page .view-account-form{position:relative!important;z-index:2!important;width:100%!important;max-width:none!important;padding:0!important;margin:0!important}
body.m3-login-page .n-form-item{margin:0 0 15px!important}
body.m3-login-page .n-form-item-feedback-wrapper{min-height:0!important;height:auto!important;padding:0!important}
body.m3-login-page .n-form-item-blank{min-height:0!important}
body.m3-login-page .n-input{height:54px!important;border-radius:12px!important;background:rgba(255,255,255,.028)!important;background-color:rgba(255,255,255,.028)!important;background-image:none!important;border:1px solid rgba(255,255,255,.11)!important;box-shadow:none!important;--n-color:rgba(255,255,255,.028)!important;--n-color-focus:rgba(255,255,255,.035)!important;--n-border:1px solid transparent!important;--n-border-hover:1px solid transparent!important;--n-border-focus:1px solid transparent!important;--n-box-shadow-focus:none!important;--n-text-color:#eef7ff!important;--n-placeholder-color:#62758d!important;--n-caret-color:#6fc7ff!important;transition:.25s ease!important;overflow:hidden}
body.m3-login-page .n-input:hover{border-color:rgba(111,199,255,.36)!important}
body.m3-login-page .n-input:focus-within{border-color:#3e9fff!important;box-shadow:0 0 0 3px rgba(62,159,255,.09),0 0 28px rgba(62,159,255,.10),inset 0 0 18px rgba(62,159,255,.05)!important}
body.m3-login-page .n-input-wrapper{height:100%!important;padding:0 16px!important}
body.m3-login-page .n-input__input-el{height:52px!important;color:#eef7ff!important;font-size:14px!important;caret-color:#6fc7ff!important}
body.m3-login-page .n-input__placeholder{color:#62758d!important}
body.m3-login-page .n-input__prefix{width:28px!important;margin-right:0!important;color:#d7e4f2!important;opacity:.85}
body.m3-login-page .n-input__prefix .n-icon{color:#d7e4f2!important}
body.m3-login-page .n-input__eye{color:#9fb2c8!important}
body.m3-login-page .default-color{margin:4px 0 24px!important}
body.m3-login-page .default-color .flex{width:100%!important}
body.m3-login-page .n-checkbox{--n-color:#07101d!important;--n-color-checked:#3498ff!important;--n-border:1px solid rgba(255,255,255,.22)!important;--n-border-checked:1px solid #3498ff!important;--n-text-color:#dce7f3!important;color:#dce7f3!important}
body.m3-login-page .n-checkbox__label{color:#dce7f3!important;font-size:13px!important}
body.m3-login-page .n-button--block{height:54px!important;border:0!important;border-radius:14px!important;color:#fff!important;font-weight:700!important;font-size:15px!important;background:linear-gradient(90deg,#3477ff,#3aa9ff)!important;background-color:#3477ff!important;background-image:linear-gradient(90deg,#3477ff,#3aa9ff)!important;box-shadow:0 14px 38px rgba(51,138,255,.30),0 0 22px rgba(58,147,255,.15)!important;transition:.2s ease!important;--n-color:#3477ff!important;--n-color-hover:#3aa9ff!important;--n-color-pressed:#3477ff!important;--n-border:0!important;--n-border-hover:0!important;--n-border-focus:0!important}
body.m3-login-page .n-button--block:hover{transform:translateY(-2px)!important;box-shadow:0 18px 46px rgba(51,138,255,.38),0 0 30px rgba(58,147,255,.20)!important}
body.m3-login-page .n-button--block:active{transform:scale(.995)!important}
body.m3-login-page .n-button__border,body.m3-login-page .n-button__state-border{display:none!important}
body.m3-login-page .m3-security{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:10px;color:#90a4bc;font-size:12px;margin-top:24px}

body.m3-login-page.m3-perf-low .m3-nebula,body.m3-login-page.m3-perf-low .m3-grid,body.m3-login-page.m3-perf-low .m3-scan-wave,body.m3-login-page.m3-perf-low .m3-shooting-stars{display:none!important}
body.m3-login-page.m3-perf-low .m3-orbit-glow{opacity:.45!important;filter:blur(8px)!important;animation-duration:34s!important}
body.m3-login-page.m3-perf-low .view-account-container{backdrop-filter:blur(8px)!important;box-shadow:0 22px 62px rgba(0,0,0,.32),0 0 26px rgba(46,126,255,.05)!important}
body.m3-login-page.m3-perf-low .view-account-container:after{display:none!important}
@media(max-width:980px){body.m3-login-page{overflow-y:auto!important}#m3-login-visual .m3-hero{display:none!important}#m3-login-visual .m3-orbit-glow,#m3-login-visual .m3-scan-wave,#m3-login-visual .m3-grid,#m3-login-visual .m3-nebula,#m3-login-visual .m3-shooting-stars{display:none!important}#m3-login-visual .m3-earth{width:130vw;left:-35vw;bottom:-28vh}#m3-login-visual .m3-footer{display:none}#m3-login-visual .m3-header{left:24px;right:24px;top:24px}body.m3-login-page .view-account{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:90px 20px 30px!important;overflow:auto!important}body.m3-login-page .view-account-container{position:relative!important;right:auto!important;top:auto!important;transform:none!important;width:min(460px,92vw)!important;max-width:460px!important;margin:auto!important;padding:32px 26px 26px!important;animation:m3MobilePanelIn .75s ease .18s both;backdrop-filter:blur(8px)!important}body.m3-login-page .view-account-top-desc{font-size:31px!important}@keyframes m3MobilePanelIn{from{opacity:0;transform:translateY(20px);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}}
@media(max-width:420px){#m3-login-visual .m3-header{left:20px;top:19px}#m3-login-visual .m3-logo{font-size:25px}body.m3-login-page .view-account{padding:74px 14px 20px!important}body.m3-login-page .view-account-container{width:100%!important;padding:28px 20px 22px!important;border-radius:18px!important}body.m3-login-page .view-account-top{margin-bottom:23px!important}body.m3-login-page .view-account-top-desc{font-size:28px!important}body.m3-login-page .n-input,body.m3-login-page .n-button--block{height:52px!important}}html body.m3-login-page #app .view-account .view-account-container .n-form .n-input{background-color:rgba(255,255,255,.028)!important;background-image:none!important}
html body.m3-login-page #app .view-account .view-account-container .n-form .n-button.n-button--block{background-color:#3477ff!important;background-image:linear-gradient(90deg,#3477ff,#3aa9ff)!important}

html body.m3-login-page #app .view-account .n-input .n-input__input-el,
html body.m3-login-page #app .view-account .n-input input{
  color:#eef7ff!important;
  -webkit-text-fill-color:#eef7ff!important;
  caret-color:#6fc7ff!important;
  opacity:1!important;
}
html body.m3-login-page #app .view-account .n-input .n-input__input-el::placeholder,
html body.m3-login-page #app .view-account .n-input input::placeholder{
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  opacity:0!important;
}
html body.m3-login-page #app .view-account .n-input .n-input__input{
  height:100%!important;
  display:flex!important;
  align-items:center!important;
}
html body.m3-login-page #app .view-account .n-input .n-input__placeholder{
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  color:#91a3b7!important;
  -webkit-text-fill-color:#91a3b7!important;
  opacity:1!important;
  font-size:14px!important;
  line-height:normal!important;
  font-weight:400!important;
  letter-spacing:0!important;
  text-shadow:none!important;
  filter:none!important;
  transform:none!important;
}
html body.m3-login-page #app .view-account .n-input .n-input__placeholder span{
  color:inherit!important;
  -webkit-text-fill-color:inherit!important;
  font:inherit!important;
  line-height:normal!important;
  letter-spacing:0!important;
  text-shadow:none!important;
  filter:none!important;
  transform:none!important;
}
html body.m3-login-page #app .view-account .n-input .n-input__input-el{
  height:100%!important;
  line-height:normal!important;
  font-size:14px!important;
  font-weight:400!important;
  letter-spacing:0!important;
  text-shadow:none!important;
  filter:none!important;
  transform:none!important;
  text-rendering:auto!important;
}
html body.m3-login-page #app .view-account input:-webkit-autofill,
html body.m3-login-page #app .view-account input:-webkit-autofill:hover,
html body.m3-login-page #app .view-account input:-webkit-autofill:focus{
  -webkit-text-fill-color:#eef7ff!important;
  caret-color:#6fc7ff!important;
  box-shadow:0 0 0 1000px #111d2e inset!important;
  transition:background-color 9999s ease-out 0s!important;
}