.login-page{grid-template-columns:1.1fr 1fr;background:#fff;min-height:100svh}
.login-art{padding:48px clamp(30px,6vw,88px);background:#f0f3eb;min-height:720px;gap:48px}
.login-art .brand{font-size:27px;letter-spacing:-1.2px}
.login-art .brand-mark{width:40px;height:40px;border-radius:13px}
.login-art .brand small{font-size:9px;letter-spacing:1px}
.login-intro{margin:auto 0;max-width:490px;position:relative;z-index:1}
.login-kicker{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:1.3px;color:#62765b;font-weight:600}
.login-kicker>span{width:6px;height:6px;border-radius:50%;background:#738962}
.login-art h1,html[lang=zh-CN] .login-art h1{font-family:inherit;font-size:clamp(29px,3.1vw,44px);font-weight:600;line-height:1.45;letter-spacing:-1px;max-width:none;margin:22px 0 18px}
.login-art h1>span{display:block;white-space:nowrap}
.login-art p{font-size:14px;color:#6d7b68;line-height:1.95;max-width:365px;margin:0}
.login-word-preview{margin-top:38px;background:#fcfdf9;border:1px solid #dbe2d3;border-radius:16px;padding:23px 26px;max-width:380px;box-shadow:0 8px 24px #203c3205}
.preview-caption{display:flex;align-items:center;justify-content:space-between;color:#829078;font-size:10px;letter-spacing:.5px}
.preview-caption>span{font-size:9px;color:#9aa28f;letter-spacing:1px}
.preview-word{display:flex;align-items:center;gap:24px;padding:27px 0 26px}
.preview-word strong{font-family:'Hiragino Mincho ProN','Yu Mincho',serif;font-weight:500;font-size:43px;letter-spacing:5px;line-height:1.3}
.preview-word>div{display:grid;gap:8px;font-size:13px;color:#58704f}
.preview-word small{font-size:12px;color:#8b9584}
.preview-steps{display:flex;gap:20px;border-top:1px solid #e7ebdf;padding-top:16px;font-size:10px;color:#65745d}
.preview-steps span{display:flex;gap:7px;align-items:center;white-space:nowrap}
.preview-steps b{font-size:9px;font-weight:500;color:#a3ae98}
.login-art .tiny{padding:0;margin:0;color:#929e88;font-size:11px}
.login-form-wrap{position:relative;padding:112px 48px 90px;min-width:0}
.login-form{max-width:350px}
.login-locale{position:absolute;top:45px;right:42px;margin:0;border:0;border-radius:0;padding:5px 0;font-size:11px;color:#75816f}
.login-locale:hover{color:var(--green)}
.login-form-symbol{display:grid;place-items:center;width:43px;height:43px;border:1px solid #e6ebdf;background:#f7f9f3;border-radius:13px;color:#6e855d;margin-bottom:23px}
.login-form-symbol svg{width:21px;height:21px}
.login-form h2{font-family:inherit;font-size:28px;font-weight:600;letter-spacing:-.7px;line-height:1.4;margin:0 0 10px}
.login-form .muted{font-size:13px;margin-bottom:34px;color:#92998b}
.login-form form{gap:21px}
.login-form label{font-size:12px;font-weight:500;gap:10px}
.login-form input{height:48px;border:1px solid #e0e5da;border-radius:9px;padding:12px 14px;font-size:13px;background:#fcfdfa;transition:border-color .15s,box-shadow .15s}
.login-form input::placeholder{color:#a3aa9a}
.login-form input:focus{outline:0;border-color:#779168;box-shadow:0 0 0 3px #eaf0e3;background:white}
.login-form .error{margin:0;min-height:0}
.login-form .error:empty{display:none}
.login-form .primary{height:48px;margin-top:6px;border-radius:9px;font-size:13px;justify-content:center;position:relative}
.login-form .primary svg{position:absolute;right:18px;width:16px}
.login-footer{font-size:11px;line-height:1.9;color:#9aa18f;text-align:center;max-width:290px;margin:25px auto 0}
.login-form-bottom{position:absolute;bottom:34px;font-size:9px;letter-spacing:1.5px;color:#b0b7a7}
@media(min-width:1600px){.login-art{padding-left:max(70px,calc((100vw - 1300px)/2));padding-right:70px}}
@media(max-width:1000px) and (min-width:761px){.login-art{padding:40px 30px}.login-art h1,html[lang=zh-CN] .login-art h1{font-size:31px}.login-form-wrap{padding-left:32px;padding-right:32px}.preview-steps{gap:12px}.login-word-preview{padding:22px}}
@media(max-width:760px){.login-page{display:block}.login-art{min-height:0;padding:28px 26px 33px;gap:29px}.login-art .brand{font-size:23px}.login-art .brand-mark{width:35px;height:35px}.login-art .brand small{font-size:8px}.login-intro{margin:0;max-width:none}.login-kicker{font-size:9px;letter-spacing:1px}.login-art h1,html[lang=zh-CN] .login-art h1{font-size:30px!important;margin:15px 0 10px;line-height:1.45;letter-spacing:-.8px}.login-art p{display:block;font-size:12px;line-height:1.8;max-width:340px}.login-word-preview,.login-art .tiny{display:none}.login-form-wrap{padding:56px 26px 65px;min-height:490px}.login-form{max-width:400px}.login-locale{top:17px;right:26px;font-size:10px}.login-form-symbol{display:none}.login-form h2{font-size:25px}.login-form .muted{margin-bottom:26px}.login-form-bottom{bottom:22px;font-size:8px}.login-footer{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.login-form input{transition:none}}