*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr;font:14px/1.7 system-ui,-apple-system,"Microsoft YaHei",sans-serif;color:#24394a}.story{background:#0e4447;color:#f1f9f5;padding:44px 60px;display:flex;flex-direction:column;position:relative;overflow:hidden}.story:after{content:"";width:650px;height:650px;border-radius:50%;border:100px solid #ffffff04;position:absolute;right:-400px;top:0;pointer-events:none}.brand{font-size:27px;font-weight:800;letter-spacing:2px}.brand span{font-size:11px;font-weight:500;letter-spacing:3px;margin-left:14px;color:#abd1c8}.intro{max-width:520px;margin:auto 0;padding:55px 0}.eyebrow{font-size:11px;letter-spacing:2.2px;color:#8bb9a9}h1{font-size:clamp(34px,4vw,58px);line-height:1.3;letter-spacing:1px;margin:18px 0 24px}.intro p{color:#b8d2cf;font-size:16px}.steps{display:flex;gap:22px;color:#bad1ca;font-size:12px;margin:32px 0}.mock{max-width:420px;border:1px solid #ffffff25;background:#ffffff08;border-radius:14px;padding:22px 26px}.mock-head{letter-spacing:2px;font-weight:600;font-size:12px;padding-bottom:15px}.mock-head span{float:right;color:#a3c7c1;font-weight:400;letter-spacing:0}.line{display:flex;justify-content:space-between;border-top:1px solid #ffffff16;padding:12px 0}.line b{font-size:12px;font-weight:400;color:#d2e3df}.line i{color:#ffffff21;font-size:12px}.mock-foot{font-size:11px;color:#8ab8ae;padding-top:10px}footer{font-size:11px;color:#80aaa6}main{display:flex;align-items:center;justify-content:center;padding:50px 30px;background:#fafbf9}.login-box{width:100%;max-width:365px}h2{font-size:30px;margin:8px 0}.muted{color:#8a98a1;margin:0 0 34px}label{display:block;font-size:13px;margin-bottom:22px}small{color:#99a5ad;margin-left:8px}input{width:100%;padding:14px;margin-top:8px;border:1px solid #dce3e4;border-radius:8px;background:white;font:inherit;color:#24394a}input:focus{outline:2px solid #91b9ad;border-color:transparent}.password{position:relative}.password input{padding-right:65px}.password button{position:absolute;right:10px;top:17px;padding:5px;border:0;background:transparent;color:#6a8784;cursor:pointer}.submit{background:#126b68;color:white;padding:14px;border:0;width:100%;border-radius:8px;font:inherit;font-weight:600;cursor:pointer}.submit:disabled{opacity:.5}.note{font-size:11px;color:#9aa5ac;line-height:1.8;margin-top:28px}#error{color:#b94d41;font-size:12px;min-height:24px;margin:6px 0}@media(max-width:800px){body{grid-template-columns:1fr}.story{padding:25px}.intro{padding:20px 0}.intro h1{font-size:30px}.mock,.steps,.story footer,.intro p{display:none}main{padding:40px 24px}.intro h1 br{display:none}}