:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#203c4d;background:#f3f6f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:42px}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.login-layout{width:min(1080px,100%);min-height:650px;display:grid;grid-template-columns:1.08fr 1fr;border:1px solid #e2e9ed;border-radius:22px;overflow:hidden;box-shadow:0 22px 85px #19384b0a}.intro{position:relative;background:#1c4258;color:#fff;padding:46px;overflow:hidden}.brand{display:inline-flex;align-items:center;gap:13px;font-size:21px;letter-spacing:3px}.brand-mark{width:40px;height:40px;display:grid;place-items:center;border:1px solid #ffffff45;border-radius:10px;font-family:Georgia,serif;font-size:28px;letter-spacing:0;color:#c5d7e1}.brand-en{display:block;font-size:8px;letter-spacing:3px;margin-top:4px;color:#aac2d0}.intro-copy{position:relative;margin-top:96px;z-index:1}.eyebrow{font-size:11px;letter-spacing:3px;color:#a8c4d2}h1{font-size:38px;font-weight:500;line-height:1.65;letter-spacing:2px;margin:20px 0}p{line-height:1.9}.intro-copy p{font-size:13px;color:#b1c8d5}.portfolio-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.portfolio-chips span{border:1px solid #ffffff20;background:#ffffff05;padding:7px 10px;border-radius:5px;font-size:10px;color:#c1d2dc}.intro-bottom{position:absolute;bottom:35px;left:46px;font-size:10px;color:#a6bfcd;display:flex;gap:8px;align-items:center}.dot{width:5px;height:5px;background:#91b7a6;border-radius:50%}.divider{margin:0 7px;color:#67899c}.decoration{position:absolute;bottom:50px;left:0;width:100%;opacity:.13;stroke:#c4dfec;stroke-width:1.5}.decoration path+path{stroke-dasharray:5 6}.login-panel{background:#fff;display:flex;flex-direction:column;justify-content:center;position:relative;padding:65px 60px}.form-wrap{width:100%;max-width:340px;margin:auto}.welcome{font-size:12px;color:#8c9eaa;letter-spacing:1px}h2{font-size:27px;font-weight:600;letter-spacing:.5px;margin:13px 0 10px}.subtitle{font-size:12px;color:#8798a4;margin:0 0 35px}label{display:block;font-size:12px;color:#506979;margin:21px 0 10px}input{width:100%;height:48px;border:1px solid #dfe7ed;border-radius:8px;background:#fbfcfd;padding:0 14px;font-size:13px;color:#24465c;outline:none;transition:border .15s,box-shadow .15s}input:focus{border-color:#7ba1b8;box-shadow:0 0 0 3px #36729510;background:white}input::placeholder{color:#a6b3bc}.password-field{position:relative}.password-field input{padding-right:60px}.password-field button{position:absolute;right:7px;top:7px;height:34px;padding:0 9px;background:transparent;border:0;color:#8298a6;font-size:11px}.submit{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;border-radius:8px;background:#20495f;color:#fff;margin-top:28px;padding:15px 18px;font-size:13px;transition:background .15s}.submit:hover{background:#2c5d77}.submit:disabled{opacity:.6;cursor:wait}.security-note{font-size:10px;color:#97a7b1;margin-top:20px;text-align:center}.lock{color:#92a99f;margin-right:5px}.error{font-size:12px;background:#fff3f2;border:1px solid #f2dbd8;color:#b05d53;padding:10px 12px;border-radius:7px;margin-top:15px}footer{position:absolute;bottom:31px;left:0;right:0;text-align:center;color:#a8b4bc;font-size:9px;letter-spacing:2px}footer span{letter-spacing:1px;margin-left:9px;color:#b2bcc3}[hidden]{display:none!important}@media(max-width:760px){body{padding:20px}.login-layout{grid-template-columns:1fr;min-height:auto;max-width:460px}.intro{padding:27px 30px}.intro-copy{margin-top:24px}h1{font-size:25px;line-height:1.45;margin:12px 0 8px}h1 br{display:none}.intro-copy p,.intro-bottom,.portfolio-chips{display:none}.eyebrow{font-size:10px}.decoration{left:160px;bottom:0;width:75%}.brand{font-size:18px}.brand-mark{width:34px;height:34px}.login-panel{padding:34px 30px 70px}.subtitle{margin-bottom:25px}h2{font-size:24px}footer{bottom:23px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}