:root{color-scheme:light;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;color:#263b62;background:#f3f6ff;--px:0px;--py:0px;--rx:0deg;--ry:0deg}
*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100dvh}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}button:focus-visible,a:focus-visible{outline:3px solid #7b91e8;outline-offset:4px}[hidden]{display:none!important}
.ambient{position:fixed;inset:0;overflow:hidden;pointer-events:none;background:linear-gradient(120deg,#f0f7ff,#f4f3ff 65%,#f5faff);z-index:-1}.glow{position:absolute;width:620px;height:620px;border-radius:50%;filter:blur(65px);opacity:.52;animation:drift 21s ease-in-out infinite alternate;will-change:transform}.glow-blue{background:radial-gradient(circle,#a3c5ff,transparent 68%);left:-180px;top:-150px}.glow-violet{background:radial-gradient(circle,#c4b4ff,transparent 68%);right:-120px;top:5%;animation-delay:-8s}.glow-cyan{background:radial-gradient(circle,#b5f3ec,transparent 68%);bottom:-300px;left:28%;animation-delay:-14s;opacity:.6}
@keyframes drift{from{transform:translate3d(-15px,-15px,0) scale(1)}to{transform:translate3d(40px,28px,0) scale(1.08)}}
.ambient{transform:translate3d(var(--px),var(--py),0) scale(1.05);transition:transform .6s ease-out}
.login-page{max-width:1440px;margin:auto;padding:34px 64px 25px;min-height:100dvh;display:flex;flex-direction:column}.login-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.login-brand{display:flex;gap:12px;align-items:center;font-weight:750;font-size:21px;letter-spacing:-.6px;color:#2a4376}.login-brand img{filter:drop-shadow(0 5px 8px #6271cb22)}.login-brand small{display:block;font-size:10px;font-weight:400;letter-spacing:1.5px;color:#7183a5;margin-top:4px}.header-tools{display:flex;gap:18px;align-items:center}.domain-badge{font-size:12px;letter-spacing:.7px;border:1px solid #dce5f5;border-radius:20px;padding:7px 13px;background:#ffffff85;color:#60769e}.header-tools button,.login-footer button{border:0;background:transparent;color:#6f7fa0;font-size:11px;padding:8px;border-radius:6px}.header-tools button:hover,.login-footer button:hover{background:#e7edff;color:#4f67bc}
.login-main{width:100%;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:90px;align-items:center;flex:1;padding:58px 0 60px}.eyebrow{font-size:9px;letter-spacing:2px;color:#6b7faf;display:flex;gap:8px;align-items:center}.eyebrow>span{width:6px;height:6px;background:#647cf0;border-radius:50%;box-shadow:0 0 0 4px #6e87e411}h1{font-size:clamp(32px,3.2vw,46px);line-height:1.5;letter-spacing:-1.4px;font-weight:700;margin:20px 0 16px;color:#28426e}h1 em{font-style:normal;background:linear-gradient(100deg,#3476ed,#8254d7);background-clip:text;-webkit-text-fill-color:transparent}.story-description{font-size:14px;line-height:1.95;color:#6b7f9f;margin:0}
.brand-stage{margin:35px 0 30px;max-width:490px;padding:24px;border:1px solid #ffffffef;background:linear-gradient(130deg,#ffffffb0,#ffffff40);border-radius:24px;box-shadow:0 15px 45px #5267b20a,inset 0 1px 0 #fff;transform:perspective(900px) translate3d(var(--px),var(--py),0) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .6s ease-out;will-change:transform}.brand-emblem{display:flex;align-items:center;gap:25px}.brand-emblem img{width:99px;height:99px;filter:drop-shadow(0 9px 17px #5e62de23)}.brand-emblem b{display:block;font-size:25px;letter-spacing:-.5px;color:#405a8c}.brand-emblem span{display:block;font-size:11px;color:#7b8ba8;margin-top:8px}.stage-tags{display:flex;gap:7px;margin-top:22px}.stage-tags span{font-size:10px;color:#617aba;background:#edf3ffb0;border:1px solid #dfe8ff;padding:6px 11px;border-radius:7px}.stage-tags span:nth-child(2){background:#f2ecffb0;color:#8865be;border-color:#e8def8}.stage-tags span:nth-child(3){background:#e8f8f4b0;color:#518e85;border-color:#d5eee9}
.story-features{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:490px}.story-features>div{border-left:1px solid #d7e2f4;padding-left:13px}.story-features span{font-size:9px;color:#7f91b7;display:block;letter-spacing:1px;margin-bottom:6px}.story-features b{font-size:12px;font-weight:600;color:#4e678e}.story-features p{font-size:10px;color:#7c8ca8;margin:5px 0 0}
.login-panel{background:#ffffffeb;position:relative;border-radius:25px;border:1px solid #fff;box-shadow:0 24px 70px #3c4c9010,0 3px 12px #3c4c9005;padding:40px 36px 26px;overflow:hidden}.panel-accent{position:absolute;top:0;left:38px;right:38px;height:3px;background:linear-gradient(90deg,#4e88ff,#9875ef,#62cfbe);border-radius:0 0 5px 5px}.secure-label{font-size:10px;letter-spacing:.5px;display:inline-flex;align-items:center;gap:6px;background:#edf8f4;color:#418579;padding:5px 9px;border-radius:6px}.secure-label>span{height:5px;width:5px;border-radius:50%;background:#32ad8e}.panel-heading h2{font-size:28px;font-weight:650;letter-spacing:-.6px;margin:17px 0 9px;color:#2d4267}.panel-heading p{font-size:12px;color:#7a8ba5;line-height:1.9;margin:0}.field{margin-top:24px}.field label{display:block;font-size:12px;color:#4a6288;font-weight:550;margin-bottom:9px}.input-wrap{border:1px solid #dde5f4;border-radius:10px;background:#f9fbff;display:flex;align-items:center;min-height:49px;padding:0 12px;transition:border-color .15s,box-shadow .15s}.input-wrap:focus-within{border-color:#829dec;box-shadow:0 0 0 3px #6d89ed12;background:#fff}.field-symbol{font-size:10px;color:#9aaac6;width:24px;flex-shrink:0}.input-wrap input{background:transparent;outline:none;border:0;width:100%;padding:13px 2px;color:#405879;font-size:13px;min-width:0}.input-wrap input::placeholder{color:#94a3bb}.input-wrap button{background:transparent;border:0;color:#7184a7;font-size:10px;white-space:nowrap;padding:8px;border-radius:5px}#caps-lock{display:block;font-size:10px;color:#a77b2e;margin-top:6px}.form-note{display:flex;align-items:center;gap:7px;color:#8a9ab3;font-size:10px;margin:17px 0 22px;line-height:1.8}.lock-icon{color:#798dcc;font-size:18px}.login-submit{display:flex;align-items:center;justify-content:space-between;width:100%;border:1px solid #637bec;background:linear-gradient(110deg,#3f7bf1,#7f5be2);border-radius:11px;color:#fff;padding:14px 17px;font-size:13px;font-weight:550;box-shadow:0 7px 16px #6374db24;transition:filter .15s,transform .15s}.login-submit:hover{filter:brightness(1.04);transform:translateY(-1px)}.login-submit:disabled{transform:none}.login-status{font-size:10px;line-height:1.9;color:#8595ae;text-align:center;min-height:20px;margin:15px 0 0}.login-error{background:#fff1f3;border:1px solid #f3d6de;color:#b34e66;font-size:12px;line-height:1.8;padding:10px 12px;border-radius:8px;margin-bottom:14px}.panel-bottom{border-top:1px solid #edf1f8;padding-top:18px;margin-top:25px;display:flex;flex-direction:column;gap:8px;text-align:center;color:#7b8da9;font-size:10px}.session-note{font-size:9px;color:#94a3ba}.login-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;color:#8494af;font-size:10px;line-height:1.8}.login-footer>div{display:flex;align-items:center;gap:7px}.login-footer button{color:#5979c5}.motion-off .glow,.page-hidden .glow{animation-play-state:paused}.motion-off .brand-stage{transform:none;will-change:auto}.motion-off .glow{will-change:auto}
@media(min-width:1550px){.login-main{gap:120px}.login-page{max-width:1360px}}
@media(max-width:1100px){.login-page{padding:28px 35px}.login-main{gap:45px;grid-template-columns:1fr 390px}.login-panel{padding:34px 28px 24px}.brand-stage{padding:20px}.brand-emblem{gap:15px}.brand-emblem img{height:80px;width:80px}.brand-emblem b{font-size:23px}.stage-tags{gap:4px}.stage-tags span{padding:5px 7px}h1{font-size:35px}}
@media(max-width:820px){.login-page{padding:24px}.login-main{grid-template-columns:1fr;padding:35px 0 28px;gap:28px;max-width:460px;margin:auto}.brand-story{order:2;text-align:center}.brand-story .eyebrow,.brand-stage,.story-features{display:none}h1{font-size:24px;line-height:1.7;margin:0 0 10px}h1 br{display:none}.story-description{font-size:11px}.login-panel{order:1}.login-footer{justify-content:center;flex-direction:column;text-align:center;font-size:9px}.domain-badge{font-size:10px}.login-brand{font-size:18px}.login-brand img{width:37px;height:37px}.login-brand small{font-size:8px}.header-tools{gap:5px}.header-tools button{font-size:10px}.glow{width:450px;height:450px;filter:blur(50px)}}
@media(max-width:430px){.login-page{padding:20px 18px}.domain-badge{display:none}.login-main{padding-top:26px}.login-panel{padding:30px 23px 22px;border-radius:20px}.panel-heading h2{font-size:26px}.panel-heading p{font-size:11px}.field{margin-top:22px}.panel-bottom{margin-top:22px}.story-description{font-size:10px}h1{font-size:22px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.brand-stage{transform:none!important;will-change:auto}.glow{will-change:auto}}

/* Full-screen spatial composition. All movement is decorative and browser-side. */
body{overflow-x:clip}.ambient{inset:-45px;transform:translate3d(calc(var(--px)*-1.3),calc(var(--py)*-1.3),0);background:radial-gradient(ellipse at 12% 30%,#e1edff 0,transparent 55%),linear-gradient(120deg,#f0f7ff,#eeeaff 65%,#effbff)}
#space-field{position:absolute;inset:0;width:100%;height:100%;opacity:.8}
.cursor-light{position:absolute;inset:-15%;background:radial-gradient(ellipse at 65% 42%,#ffffffb0,transparent 48%);transform:translate3d(calc(var(--px)*3),calc(var(--py)*3),0);transition:transform 1s ease-out}
.orbital{position:absolute;border:1px solid #8b9ee92b;border-radius:50%;width:85vw;height:85vw;left:-16vw;top:calc(50% - 42vw);transform:rotateX(58deg) rotateZ(-26deg);box-shadow:0 0 60px #9bb9fa0b,inset 0 0 45px #a4b4f60c;animation:orbit-breathe 18s ease-in-out infinite alternate}
.orbital:before,.orbital:after{content:"";position:absolute;border-radius:50%;width:9px;height:9px;background:#9eaff5;box-shadow:0 0 18px #8da8fa;left:14%;top:15%}.orbital:after{left:auto;top:auto;bottom:15%;right:14%;width:6px;height:6px;background:#91d8db}
.orbital-two{width:110vw;height:110vw;left:4vw;top:calc(50% - 55vw);transform:rotateX(65deg) rotateZ(30deg);animation-delay:-6s;border-color:#a795df24}.orbital-three{width:65vw;height:65vw;left:46vw;top:calc(50% - 32vw);transform:rotateX(35deg) rotateZ(-50deg);animation-delay:-11s;border-color:#7dc8dc24}
@keyframes orbit-breathe{from{translate:0 -18px;rotate:-4deg;opacity:.5}to{translate:20px 20px;rotate:6deg;opacity:1}}
.login-main{perspective:1400px}.brand-story{transform:translate3d(calc(var(--px)*.65),calc(var(--py)*.65),0);transition:transform .85s cubic-bezier(.2,.7,.2,1)}
.brand-stage{transform:perspective(900px) translate3d(calc(var(--px)*.8),calc(var(--py)*.8),35px) rotateX(var(--rx)) rotateY(var(--ry));background:linear-gradient(130deg,#ffffffd0,#ffffff65);box-shadow:0 22px 65px #5267b21a,inset 0 1px 0 #fff}
.login-panel{transform:translate3d(calc(var(--px)*-.35),calc(var(--py)*-.35),0) rotateX(calc(var(--rx)*.45)) rotateY(calc(var(--ry)*.45));transition:transform .75s cubic-bezier(.2,.7,.2,1),box-shadow .6s;background:linear-gradient(145deg,#fffffff5,#ffffffd9);box-shadow:0 28px 80px #4d5eaf1b,0 4px 14px #555e9810}
.login-panel:hover,.login-panel:focus-within{transform:none;box-shadow:0 30px 85px #4d5eaf20,0 4px 14px #555e9810}
.login-top,.login-footer{position:relative;z-index:1}.login-brand{transition:filter .3s}.login-brand:hover{filter:drop-shadow(0 4px 14px #8e9ef555)}
.motion-off .orbital,.page-hidden .orbital{animation-play-state:paused}.motion-off .ambient,.motion-off .brand-story,.motion-off .login-panel,.motion-off .cursor-light{transform:none}
@media(max-width:820px){.orbital{width:180vw;height:180vw;left:-80vw;top:4%}.orbital-two{left:-10vw;top:20%}.orbital-three{left:10vw;top:-20%}.brand-story{transform:translate3d(calc(var(--px)*.25),calc(var(--py)*.25),0)}.login-panel{transform:translate3d(calc(var(--px)*-.2),calc(var(--py)*-.2),0)}}
@media(prefers-reduced-motion:reduce){.ambient,.brand-story,.login-panel,.cursor-light{transform:none!important}}