:root{color-scheme:dark;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:#cdd6f4;background:#11111b;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 16% 42%,#22233770,transparent 58%)}a{color:inherit;text-decoration:none}button,input{font:inherit}.shell{max-width:1240px;min-height:100svh;margin:auto;padding:0 60px;display:flex;flex-direction:column}header{height:112px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;gap:12px;align-items:center;font-size:21px;font-weight:650;letter-spacing:1px}.brandmark,.small-mark{display:grid;place-items:center;color:#11111b;background:#cba6f7;font-size:36px;width:36px;height:36px;border-radius:10px;line-height:1}.brand-en{font-size:10px;font-weight:500;color:#7f849c;letter-spacing:2px;margin-left:5px}.private{font-size:12px;color:#a6adc8;display:flex;align-items:center;gap:9px}.private i{width:6px;height:6px;background:#a6e3a1;border-radius:50%}main{flex:1;display:grid;grid-template-columns:1fr 410px;gap:88px;align-items:center;padding:55px 0 75px}.eyebrow{font-size:10px;letter-spacing:2px;color:#a6adc8;display:flex;align-items:center;gap:10px}.eyebrow>span{width:20px;height:1px;background:#cba6f7}h1{font-size:52px;font-weight:580;letter-spacing:-1.8px;line-height:1.4;margin:26px 0 20px;color:#eff1ff}h1>span{color:#cba6f7}.description{font-size:15px;line-height:1.95;color:#939ab4}.signal{position:relative;height:160px;margin-top:38px;overflow:hidden}.signal-grid{position:absolute;inset:0 0 25px;background:repeating-linear-gradient(0deg,transparent 0 31px,#31324455 32px),repeating-linear-gradient(90deg,transparent 0 39px,#31324440 40px)}.bars{height:120px;position:relative;display:flex;gap:6px;align-items:center;padding:6px 10px}.bars b{flex:1;min-width:3px;height:20%;background:#cba6f7;border-radius:3px;opacity:.65}.bars b:nth-child(3n){height:38%;background:#89b4fa}.bars b:nth-child(4n){height:65%}.bars b:nth-child(5n){height:85%;opacity:.9}.bars b:nth-child(7n){height:100%}.bars b:nth-child(8n){height:48%}.signal-label{position:relative;display:flex;justify-content:space-between;color:#6c7086;font-size:9px;letter-spacing:1.5px;margin-top:12px}.features{display:flex;gap:24px;font-size:12px;color:#a6adc8;margin-top:20px}.features span:before{content:'·';color:#cba6f7;margin-right:8px}.card{background:#1e1e2e;border:1px solid #313244;border-radius:22px;padding:36px;box-shadow:0 24px 80px #0003}.card-top{display:flex;align-items:center;gap:10px;color:#a6adc8;font-size:11px;letter-spacing:1px}.small-mark{width:25px;height:25px;border-radius:7px;font-size:25px;background:#cba6f71a;color:#cba6f7}h2{font-size:28px;margin:28px 0 9px;font-weight:600;letter-spacing:.4px}.subtitle{font-size:13px;color:#9399b2;margin:0 0 30px}label{display:block;font-size:12px;font-weight:550;color:#bac2de;margin-bottom:10px}input{width:100%;height:48px;border:1px solid #45475a;border-radius:9px;background:#181825;color:#cdd6f4;padding:0 14px;outline:none;font-size:13px;transition:border-color .15s,box-shadow .15s}input::placeholder{color:#6c7086}input:focus{border-color:#cba6f7;box-shadow:0 0 0 3px #cba6f71c}.password-label{display:flex;justify-content:space-between;align-items:baseline;margin-top:22px}.password-label span{font-size:10px;color:#6c7086}.password-wrap{position:relative}.password-wrap input{padding-right:64px}.reveal{position:absolute;right:8px;top:8px;height:32px;background:transparent;border:0;color:#a6adc8;font-size:11px;padding:0 9px;cursor:pointer}.reveal:hover{color:#cba6f7}.session-note{font-size:11px;color:#7f849c;margin:14px 0 23px}.submit{display:flex;align-items:center;justify-content:space-between;width:100%;height:49px;padding:0 18px;background:#cba6f7;border:0;border-radius:9px;color:#1e1e2e;font-size:13px;font-weight:650;cursor:pointer;transition:background .15s,transform .15s}.submit:hover{background:#d8bbfa;transform:translateY(-1px)}.submit:disabled{opacity:.65;cursor:wait}.submit span:last-child{font-size:20px}.secure{display:flex;justify-content:center;align-items:center;gap:7px;margin-top:27px;padding-top:23px;border-top:1px solid #313244;font-size:10px;color:#7f849c}.secure span{color:#a6e3a1;font-size:16px}.error{padding:11px 12px;margin-bottom:18px;border-radius:8px;background:#f38ba815;color:#f38ba8;font-size:12px;line-height:1.6}.error[hidden]{display:none}footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #31324477;padding:25px 0 30px;color:#6c7086;font-size:10px;letter-spacing:.6px}.footer-dot{margin:0 10px;color:#45475a}button:focus-visible,a:focus-visible{outline:2px solid #cba6f7;outline-offset:4px}.logout{display:block;max-width:420px;margin:100px auto;padding:30px}.logout button{padding:12px 24px;margin-bottom:25px}@media(min-width:1450px){main{gap:130px}}@media(max-width:950px){.shell{padding:0 32px}main{gap:35px;grid-template-columns:1fr 370px}h1{font-size:40px}.card{padding:30px}.brand-en{display:none}}@media(max-width:720px){.shell{padding:0 24px}header{height:84px}.brand{font-size:19px}.brandmark{width:30px;height:30px;font-size:30px}main{display:flex;flex-direction:column;gap:28px;padding:24px 0 42px}.intro{width:100%;max-width:410px}.eyebrow{font-size:8px;letter-spacing:1.4px}h1{font-size:34px;margin:15px 0 0;line-height:1.35}h1 br{display:none}.description,.signal,.features{display:none}.card{width:100%;max-width:410px;padding:28px;border-radius:18px}h2{margin-top:22px;font-size:25px}.subtitle{margin-bottom:25px}footer{font-size:9px;gap:15px}footer>span:last-child{display:none}.private{font-size:10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}