:root{--bg:#050b14;--panel:#0b1725;--line:rgba(128,183,220,.18);--text:#f2f8fc;--muted:#879daf;--cyan:#31d8ed;--blue:#4d8dff;--green:#48e0ae;--danger:#ff8792}*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{margin:0;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 12% 18%,rgba(27,92,155,.26),transparent 31%),radial-gradient(circle at 88% 82%,rgba(15,137,148,.14),transparent 28%),linear-gradient(145deg,#040910 0%,#07121f 52%,#06101a 100%);color:var(--text);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif}.page-grid{position:fixed;inset:0;opacity:.12;pointer-events:none;background-image:linear-gradient(rgba(79,148,200,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(79,148,200,.25) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,#000,transparent 72%)}.glow{position:fixed;width:420px;height:420px;border-radius:50%;filter:blur(110px);opacity:.12;pointer-events:none}.glow-blue{left:-180px;top:-160px;background:#1784ff}.glow-cyan{right:-190px;bottom:-190px;background:#18d9ce}.login-shell{position:relative;z-index:1;width:min(1240px,calc(100% - 64px));min-height:calc(100vh - 76px);margin:auto;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(380px,.62fr);gap:clamp(60px,9vw,150px);align-items:center;padding:70px 0}.login-intro{position:relative;max-width:720px}.brand-lockup{display:flex;align-items:center;gap:13px;margin-bottom:80px}.brand-lockup>div{display:flex;flex-direction:column;line-height:1}.brand-lockup strong{font-size:16px;letter-spacing:.18em}.brand-lockup small{margin-top:6px;color:#66849a;font-size:8px;letter-spacing:.2em}.brand-mark{position:relative;width:50px;height:35px;display:block}.brand-mark i{position:absolute;display:block;border:2px solid #9feafa;border-right-color:transparent;transform:skewX(-22deg)}.brand-mark i:nth-child(1){left:0;top:4px;width:20px;height:26px;border-radius:3px}.brand-mark i:nth-child(2){left:17px;top:4px;width:22px;height:26px;border-radius:50%}.brand-mark i:nth-child(3){right:0;top:4px;width:17px;height:26px;border-radius:3px}.eyebrow{display:flex;align-items:center;gap:14px;color:var(--cyan);font-size:11px;font-weight:700;letter-spacing:.25em}.eyebrow span{width:38px;height:1px;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.login-intro h1{margin:27px 0 24px;font-size:clamp(54px,6.5vw,92px);font-weight:520;line-height:1.04;letter-spacing:-.06em}.login-intro h1 em{font-style:normal;background:linear-gradient(90deg,#fff 0%,#82e8ff 50%,#5d8fff 100%);-webkit-background-clip:text;color:transparent}.login-intro>p{max-width:610px;margin:0;color:#9db0bf;font-size:16px;line-height:1.95}.intro-metrics{display:flex;gap:46px;margin-top:46px}.intro-metrics div{display:flex;min-width:108px;flex-direction:column;padding-left:15px;border-left:1px solid rgba(116,179,219,.28)}.intro-metrics b{color:#dff8ff;font-size:24px;font-weight:500}.intro-metrics span{margin-top:4px;color:#68849a;font-size:11px}.vehicle-line{position:absolute;left:0;right:4%;bottom:-62px;height:1px;background:linear-gradient(90deg,rgba(49,216,237,.72),transparent)}.vehicle-line span{position:absolute;left:0;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 16px var(--cyan)}.login-card{position:relative;padding:44px 42px 38px;border:1px solid rgba(102,178,225,.24);border-radius:20px;background:linear-gradient(145deg,rgba(14,31,49,.96),rgba(7,19,32,.98));box-shadow:0 32px 90px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.035);overflow:hidden}.login-card:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,var(--blue),var(--cyan),transparent)}.login-card:after{content:"";position:absolute;width:180px;height:180px;right:-95px;top:-90px;border:1px solid rgba(49,216,237,.13);border-radius:50%;box-shadow:0 0 0 28px rgba(49,216,237,.025),0 0 0 56px rgba(49,216,237,.018)}.card-topline{position:relative;z-index:1;display:flex;align-items:center;gap:11px;color:var(--cyan);font-size:10px;font-weight:700;letter-spacing:.24em}.card-topline i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.login-card h2{position:relative;z-index:1;margin:17px 0 6px;font-size:31px;font-weight:580;letter-spacing:-.03em}.muted{position:relative;z-index:1;margin:0 0 30px;color:var(--muted);font-size:13px}.login-card form{position:relative;z-index:1}.login-card label{display:block;margin:17px 0 8px;color:#aec1cf;font-size:12px}.input-wrap{position:relative}.input-wrap input{width:100%;height:52px;padding:0 70px 0 45px;border:1px solid #23435a;border-radius:9px;outline:none;background:#071522;color:#fff;font:inherit;transition:.2s}.input-wrap input::placeholder{color:#526b7e}.input-wrap input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(49,216,237,.09),0 0 24px rgba(49,216,237,.06)}.input-icon{position:absolute;z-index:1;left:16px;top:50%;transform:translateY(-50%);color:#55798f;font-size:11px;font-weight:800}.password-toggle{position:absolute;z-index:2;right:8px;top:50%;transform:translateY(-50%);padding:8px;border:0;background:transparent;color:#7292a7;cursor:pointer;font-size:11px}.password-toggle:hover{color:var(--cyan)}.login-button{width:100%;height:54px;margin-top:25px;padding:0 19px;display:flex;align-items:center;justify-content:space-between;border:0;border-radius:9px;background:linear-gradient(90deg,#317cf3,#22b8d0);color:#fff;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 14px 30px rgba(37,130,223,.2);transition:.2s}.login-button:hover{transform:translateY(-1px);filter:brightness(1.08)}.login-button:disabled{cursor:wait;opacity:.65;transform:none}.login-button b{font-size:21px;font-weight:400}.status{min-height:22px;margin-top:12px;color:var(--danger);font-size:12px}.status.success{color:var(--green)}.login-note{display:flex;align-items:center;gap:9px;margin-top:10px;padding-top:19px;border-top:1px solid var(--line);color:#7992a5;font-size:11px}.login-note span{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}.security-note{margin-top:12px;color:#4f6d81;font-size:10px;line-height:1.6}.site-footer{position:relative;z-index:1;height:76px;padding:0 max(32px,calc((100vw - 1240px)/2));display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(123,177,211,.1);color:#4e6b80;font-size:10px;letter-spacing:.08em}@media(max-width:900px){.login-shell{width:min(520px,calc(100% - 36px));grid-template-columns:1fr;padding:54px 0}.login-intro{display:none}.login-card{padding:36px 28px}.site-footer{height:58px;padding:0 20px}.site-footer span:first-child{display:none}}@media(max-width:420px){.login-shell{width:calc(100% - 24px)}.login-card{padding:32px 21px;border-radius:16px}.login-card h2{font-size:27px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.login-button{transition:none}}