:root{font-family:"Segoe UI","Microsoft YaHei",system-ui,sans-serif;color:#e2e7ec;background:#36414e;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 25% 15%,#809dad20,transparent 60%);display:grid;place-items:center;padding:40px 22px}.login-shell{width:min(100%,420px)}.brand{display:flex;align-items:center;gap:11px;font-size:22px;font-weight:600;letter-spacing:1.5px;margin:0 0 26px 4px}.brand-en{font-size:9px;letter-spacing:2.8px;color:#aebecb;margin-left:auto;font-weight:400}.brand-icon{display:flex;align-items:flex-end;justify-content:center;gap:3px;background:#abc3cd;width:31px;height:31px;border-radius:9px;padding:8px}.brand-icon i{width:3px;height:7px;border-radius:2px;background:#3e5362}.brand-icon i:nth-child(2){height:11px}.brand-icon i:nth-child(3){height:15px}.login-card{background:#434f5e;border:1px solid #c2d0dc30;border-radius:22px;overflow:hidden;box-shadow:0 24px 70px #1d2c3b29}.card-art{height:111px;position:relative;background:linear-gradient(120deg,#556c7b61,#35475333);overflow:hidden;border-bottom:1px solid #bfcedc1c}.card-art svg{position:absolute;width:100%;height:100%;inset:0;opacity:.7}.grid{fill:none;stroke:#c2d8e212;stroke-width:1;stroke-dasharray:3 6}.curve{fill:none;stroke:#adcdd6;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.orb{position:absolute;width:170px;height:170px;right:-65px;top:-90px;background:#a2c5d00c;border:1px solid #c0dae21c;border-radius:50%}.art-caption{position:absolute;left:30px;top:24px;font-size:8px;letter-spacing:2px;color:#b4c9d4}.card-body{padding:30px 32px 34px}.eyebrow{font-size:9px;letter-spacing:2.2px;color:#a9c5d2}h1{font-size:25px;font-weight:500;letter-spacing:.5px;margin:10px 0}.intro{font-size:12px;color:#b5c1cd;margin:0 0 28px}label{display:block;color:#cbd5df;font-size:12px;margin:0 0 10px}.input-wrap{display:flex;align-items:center;gap:11px;height:49px;background:#394654;border:1px solid #bdccda35;border-radius:10px;padding:0 13px;margin-bottom:21px;transition:border-color .2s,box-shadow .2s}.input-wrap:focus-within{border-color:#a7c7d2;box-shadow:0 0 0 3px #a7c7d216}.input-wrap>svg{width:17px;height:17px;flex-shrink:0;fill:none;stroke:#a5bac9;stroke-width:1.5}input{width:100%;min-width:0;font:inherit;font-size:13px;color:#e2e7ec;background:none;border:0;outline:none;height:100%}input::placeholder{color:#91a2b2;font-size:12px}button{font:inherit;cursor:pointer}#toggle-password{border:0;background:none;padding:8px 0 8px 6px;font-size:11px;color:#afc4d1;white-space:nowrap}button:focus-visible{outline:2px solid #b4d4df;outline-offset:4px}.submit{display:flex;align-items:center;justify-content:space-between;width:100%;height:48px;margin-top:28px;padding:0 18px;border:1px solid #b8d4dd80;border-radius:10px;background:#acc6d0;color:#2c4253;font-size:13px;font-weight:600;transition:background .2s,transform .2s}.submit:hover{background:#bbd1da}.submit:active{transform:translateY(1px)}.submit:disabled{opacity:.65;cursor:wait}.error{margin:0;color:#efc3bc;background:#a8756d1f;border:1px solid #d7a39a38;border-radius:8px;padding:10px 12px;font-size:12px;line-height:1.6}.login-footer{text-align:center;font-size:10px;letter-spacing:1px;color:#9fb1c1;margin:24px 0 0}.login-footer span{font-size:6px;vertical-align:2px;color:#afcfc4;margin-right:6px}[hidden]{display:none!important}@media(max-width:480px){body{padding:28px 20px}.card-body{padding:26px}.card-art{height:95px}.brand{margin-bottom:22px}h1{font-size:23px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}