*{box-sizing:border-box}:root{color-scheme:dark;font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;font-size:14px;color:#eff5ff;background:#07142f}body{margin:0;min-height:100vh}button,input{font:inherit}a{color:inherit;text-decoration:none}button,a,input{ -webkit-tap-highlight-color:transparent }button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}.shell{min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,30%)}.brand{position:relative;overflow:hidden;min-height:100svh;padding:46px 7%;background:radial-gradient(ellipse at 42% 68%,#123d77a8 0,transparent 55%),radial-gradient(ellipse at 95% 0,#13346b70,transparent 52%),#061637;isolation:isolate}.brand:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#7ab7ed05 1px,transparent 1px),linear-gradient(90deg,#7ab7ed05 1px,transparent 1px);background-size:68px 68px;mask-image:linear-gradient(140deg,#000,transparent 65%);z-index:-1}.brand:after{content:"";position:absolute;width:280px;height:280px;right:-210px;top:18%;border-radius:50%;background:#3868ef;filter:blur(120px);opacity:.4;z-index:-1}.brand-name{display:inline-flex;align-items:center;gap:15px;position:relative;z-index:2}.brand-name img{border-radius:17px;border:1px solid #a9d6ff3d;box-shadow:0 0 30px #69b7ff18;object-fit:cover}.brand-name strong{display:block;font-size:32px;font-weight:800;letter-spacing:3px;background:linear-gradient(110deg,#8ce5ff 3%,#aec2ff 60%,#d79cf2);background-clip:text;-webkit-background-clip:text;color:transparent}.brand-name small{display:block;font-size:10px;letter-spacing:3px;color:#99b0d7;margin-top:5px}.brand-copy{position:relative;z-index:2;margin-top:46px}.eyebrow{font-size:10px;letter-spacing:2.2px;color:#8facd6;font-weight:500}.brand-copy .eyebrow{display:flex;align-items:center;gap:10px}.brand-copy .eyebrow span{width:24px;height:1px;background:#66bfee}h1{font-weight:500;font-size:clamp(30px,3.45vw,55px);letter-spacing:2px;line-height:1.3;margin:19px 0 13px}h1 span{display:block;color:#bfd9ff}.brand-copy p{font-size:16px;letter-spacing:2px;color:#a9c5e4;margin:14px 0}.english-copy{font-size:12px;color:#6f90bc;letter-spacing:.3px}.planet-art{position:absolute;left:0;right:0;bottom:0;height:min(65vh,680px);z-index:0;pointer-events:none}.planet-art img{position:absolute;width:100%;height:100%;object-fit:contain;object-position:40% 70%;opacity:.95}.orbit-label{position:absolute;left:7%;bottom:110px;font-size:8px;letter-spacing:3px;color:#79baff80;writing-mode:vertical-rl}.brand footer{position:absolute;bottom:28px;left:7%;right:7%;display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#6c87ad;letter-spacing:.5px;z-index:2}.footer-coordinates{font-size:8px;letter-spacing:2px}main{background:linear-gradient(160deg,#142342ee,#0c1d40f5 65%,#142854);border-left:1px solid #b2d7ff0b;min-width:0;position:relative;display:flex;align-items:center;justify-content:center;padding:76px 38px 68px}.auth-container{width:100%;max-width:360px}.panel-eyebrow{font-size:9px;letter-spacing:2.5px;color:#7895ba;display:flex;align-items:center;gap:8px;margin-bottom:32px}.status-dot{width:5px;height:5px;border-radius:50%;background:#75c8ee;box-shadow:0 0 10px #75c8ee66}.tabs{display:flex;gap:26px;border-bottom:1px solid #819fcc20;margin-bottom:27px}.tabs button{padding:0 0 13px;border:0;border-bottom:2px solid transparent;border-radius:0;background:none;color:#849ab8;font-size:13px}.tabs button[aria-selected=true]{color:#c8d8ff;border-bottom-color:#96aeff}.intro{margin-bottom:26px}h2{font-size:25px;font-weight:600;letter-spacing:1px;margin:0 0 9px}main p{font-size:12px;color:#92a6c4;line-height:1.8;margin:8px 0}label{display:block;color:#bacbe3;font-size:12px;margin:18px 0 9px}.input-wrap{position:relative}.input-wrap>svg{position:absolute;left:14px;top:15px;width:17px;height:17px;fill:none;stroke:#7793bc;stroke-width:1.5;pointer-events:none}input:not([type=checkbox]){width:100%;height:47px;border:1px solid #6b96c73d;background:#162e4a;border-radius:5px;padding:0 13px;outline:none;color:#e6efff;transition:border-color .2s,box-shadow .2s}input::placeholder{color:#758fae;font-size:12px}.input-wrap input{padding-left:42px;padding-right:46px}input:not([type=checkbox]):focus{border-color:#7aa5ee;box-shadow:0 0 0 3px #678eef15;background:#193453}input:-webkit-autofill{-webkit-text-fill-color:#eff5ff;-webkit-box-shadow:0 0 0 40px #193453 inset}.password-toggle{position:absolute;right:3px;top:3px;width:40px;height:41px;display:grid;place-items:center;background:none;border:0;color:#8fa5c5;border-radius:3px}.password-toggle:hover{color:#d6e4ff;background:#7292c212}.password-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6}.form-options{display:flex;align-items:center;justify-content:space-between;margin-top:17px;gap:12px;color:#9aafd0;font-size:11px}.form-options .remember{margin:0;display:flex;align-items:center;gap:7px;font-size:11px;color:#9aafd0;cursor:pointer}input[type=checkbox]{accent-color:#809eef;width:13px;height:13px;margin:0}.form-options a:hover,.help-links a:hover{color:#e7efff}.primary{width:100%;min-height:46px;border:1px solid #aec2ff33;border-radius:5px;background:linear-gradient(105deg,#8298e8,#5775db);box-shadow:0 6px 24px #375ddc1f;color:#fff;font-weight:600;padding:12px 18px;margin-top:24px;display:flex;align-items:center;justify-content:center;gap:15px;letter-spacing:1px;transition:filter .2s,transform .2s}.primary:hover{filter:brightness(1.12);transform:translateY(-1px)}.primary span{font-size:17px;font-weight:400}.bottom-note{font-size:10px!important;line-height:1.9!important;color:#849bbc!important;margin-top:16px!important}.help-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.help-links a{display:flex;justify-content:center;gap:9px;align-items:center;padding:11px 5px;border:1px solid #718fc43d;border-radius:4px;color:#a6bce1;font-size:11px;transition:background .2s}.help-links a:hover{background:#aac8ff09}.help-links span{color:#90a9db}.secure-note{color:#5e7b9f;font-size:10px;text-align:center;margin-top:24px;letter-spacing:1px}.secure-note span{color:#7595c3;margin-right:5px}.panel-footer{position:absolute;left:38px;right:38px;bottom:25px;font-size:8px;color:#4f6b96;letter-spacing:2px;display:flex;justify-content:space-between;gap:10px}.panel-footer span{letter-spacing:.5px}.activation-icon{display:grid;place-items:center;width:46px;height:46px;border:1px solid #819de74f;border-radius:12px;color:#bbceff;background:#5775db1c;font-size:25px;margin-bottom:23px}#activation-panel .eyebrow{display:block;margin-bottom:13px;font-size:9px}#activation-panel h2{font-size:24px}.account-chip{margin:22px 0 12px;padding:12px;background:#819fcc0e;border:1px solid #819fcc20;border-radius:5px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px}.account-chip span{overflow-wrap:anywhere;min-width:0}.text-button{border:0;background:none;color:#a9bdf4;font-size:11px;padding:5px;flex-shrink:0}.text-button:hover{text-decoration:underline}.secondary{width:100%;padding:12px 17px;border:1px solid #718fc450;background:transparent;border-radius:5px;color:#b4c8ec;display:flex;justify-content:space-between;margin-top:12px}.secondary:hover{background:#819fcc0d}.hint{font-size:10px!important}.purchase-note{text-align:center}.continue{display:block;margin:15px auto 0}.time-note{color:#98cdda!important}#message{font-size:12px;line-height:1.7;color:#ffb5b5;overflow-wrap:anywhere}#message:empty{display:none}#message:not(:empty){margin:18px 0 0;padding:10px 12px;border-radius:4px;background:#ff75750a;border:1px solid #ff757526}#message[data-kind=success]{color:#a5e6d4;background:#75ffc10a;border-color:#75ffc126}button:focus-visible,a:focus-visible{outline:2px solid #a8c7ff;outline-offset:4px}.register-mode .intro{margin-bottom:16px}.register-mode .panel-eyebrow{margin-bottom:20px}.register-mode .tabs{margin-bottom:20px}.register-mode label{margin-top:13px}.register-mode .help-links{margin-top:16px}@media(min-width:1600px){main{padding-left:60px;padding-right:60px}.brand-copy{margin-top:60px}}@media(max-height:800px) and (min-width:851px){.brand{padding-top:30px}.brand-copy{margin-top:30px}h1{font-size:clamp(28px,3.1vw,46px)}.planet-art{height:63vh;bottom:-20px}.panel-eyebrow{margin-bottom:22px}main{padding-top:35px;padding-bottom:55px}.intro{margin-bottom:20px}.tabs{margin-bottom:22px}.secure-note{margin-top:18px}.help-links{margin-top:18px}}@media(max-width:1100px) and (min-width:851px){.shell{grid-template-columns:minmax(0,1fr) 390px}.brand{padding-left:6%;padding-right:6%}.brand-name strong{font-size:27px}.brand-copy p{font-size:14px}.english-copy{max-width:250px;line-height:1.8}.footer-coordinates{display:none}.orbit-label{display:none}}@media(max-width:850px){.shell{display:flex;flex-direction:column;min-height:100svh;background:radial-gradient(ellipse at 10% 0,#183866,#091b38 65%)}.brand{min-height:0;background:none;padding:28px 26px 0}.brand-name img{width:42px;height:42px;border-radius:12px}.brand-name strong{font-size:23px;letter-spacing:2px}.brand-name small{font-size:8px;letter-spacing:2px}.brand-copy,.planet-art,.brand footer{display:none}main{background:none;border:0;padding:36px 26px 72px;flex:1;align-items:center}.auth-container{max-width:390px}.panel-eyebrow{margin-bottom:22px}.panel-footer{left:26px;right:26px;bottom:23px}.tabs{margin-bottom:24px}h2{font-size:25px}.secure-note{margin-top:24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}
