:root{--blue:#2563eb;--ink:#13213a;--muted:#74829b;--line:#dfe6f1}*{box-sizing:border-box}body{margin:0;font-family:"Segoe UI","Microsoft YaHei UI",sans-serif;color:var(--ink);background:#f5f8fd}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(480px,1.15fr) minmax(420px,.85fr)}.login-visual{position:relative;overflow:hidden;padding:48px 7vw;color:#fff;background:radial-gradient(circle at 80% 18%,#4f86ff 0,transparent 35%),linear-gradient(145deg,#0b327b,#164fc1 58%,#2869eb)}.login-visual:after{content:"";position:absolute;width:560px;height:560px;border:1px solid #ffffff26;border-radius:50%;right:-180px;bottom:-250px;box-shadow:0 0 0 80px #ffffff08,0 0 0 160px #ffffff08}.login-brand,.mobile-brand{display:flex;align-items:center;gap:12px}.login-brand>span,.mobile-brand>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#fff;color:#2563eb;font-size:22px;font-weight:900}.login-brand strong{display:block;font-size:20px}.login-brand small{display:block;margin-top:2px;font-size:9px;letter-spacing:1.5px;color:#d9e5ff}.visual-copy{position:relative;z-index:1;margin-top:20vh;max-width:690px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:#79a7ff}.login-visual .eyebrow{color:#c7d9ff}.visual-copy h1{font-size:44px;line-height:1.28;letter-spacing:-1.5px;margin:18px 0}.visual-copy>p:last-child{font-size:16px;color:#dce7ff}.visual-grid{position:absolute;z-index:1;left:7vw;right:7vw;bottom:7vh;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.visual-grid article{padding:16px;border:1px solid #ffffff2e;border-radius:14px;background:#ffffff12;backdrop-filter:blur(10px)}.visual-grid b,.visual-grid span{display:block}.visual-grid span{font-size:11px;color:#d4e2ff;margin-top:5px}.login-panel{display:grid;place-items:center;padding:50px;background:#fff}.login-panel form{width:min(100%,390px)}.mobile-brand{display:none}.login-panel h2{font-size:34px;margin:12px 0 8px}.hint{color:var(--muted);margin:0 0 32px;line-height:1.6}.login-panel label{display:block;font-size:12px;font-weight:700;margin:18px 0 7px}.login-panel input{width:100%;height:48px;border:1px solid var(--line);border-radius:10px;padding:0 14px;outline:0;font:inherit;background:#fbfcfe;transition:.2s}.login-panel input:focus{background:#fff;border-color:#79a7ff;box-shadow:0 0 0 4px #eaf1ff}.password-field{position:relative;display:block}.password-field input{padding-right:64px}.password-field button{position:absolute;right:8px;top:8px;height:32px;border:0;background:transparent;color:var(--blue);cursor:pointer}.login-error{color:#c52c36;background:#fff0f1;border:1px solid #ffd2d5;padding:10px 12px;border-radius:8px;font-size:12px}.login-submit{width:100%;height:50px;margin-top:12px;border:0;border-radius:10px;background:linear-gradient(135deg,#1e5ad7,#3276f3);color:#fff;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 10px 24px #2563eb30}.login-submit:disabled{opacity:.65}.security-note{display:block;text-align:center;margin-top:18px;color:#98a3b5}@media(max-width:900px){.login-shell{grid-template-columns:1fr}.login-visual{display:none}.login-panel{min-height:100vh}.mobile-brand{display:flex;margin-bottom:55px}.mobile-brand b{font-size:20px}}