:root{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;color:#263d31;background:#f5f7f2;font-size:15px}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid #8eb08a;outline-offset:3px}.login-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100dvh}.intro{padding:46px 56px;background:#e7edde;display:flex;flex-direction:column;overflow:hidden;position:relative}.brand{display:flex;gap:13px;align-items:center;font-size:21px;font-weight:650;color:#165b47}.brand img{width:43px}.brand small{display:block;font-size:9px;letter-spacing:2px;font-weight:400;margin-top:7px;color:#7d8b73}.intro-copy{margin:auto 0;position:relative;padding:50px 0 90px}.eyebrow{font-size:10px;letter-spacing:2px;color:#849379}h1{font-size:clamp(38px,4.8vw,66px);font-weight:550;line-height:1.4;letter-spacing:3px;margin:24px 0}p{line-height:1.9}.intro-copy p{color:#6e8067;font-size:15px}.intro footer{font-size:11px;color:#8b997f;letter-spacing:1px}.paper-art{height:150px;margin-top:45px;position:relative;width:230px}.sheet{position:absolute;width:148px;height:160px;border-radius:9px;background:#fbfcf5;border:1px solid #d9e0ce;box-shadow:0 10px 25px #324c2b0a;left:32px;top:0;padding:30px 23px}.sheet.back{transform:rotate(-13deg);left:18px;top:6px;background:#d8e3cb}.sheet.front{transform:rotate(7deg)}.sheet i{display:block;height:5px;border-radius:5px;background:#d0dbc4;margin-bottom:13px}.sheet i:nth-child(2){width:70%}.sheet i:nth-child(4){width:50%}.sheet b{display:block;width:15px;height:15px;border-radius:50%;background:#92af7d;margin-left:auto}.circle{position:absolute;left:173px;top:97px;width:40px;height:40px;background:#bdcfa6;border-radius:50%;border:7px solid #e7edde}.login-side{position:relative;display:flex;align-items:center;justify-content:center;padding:70px 38px}.login-card{width:100%;max-width:350px}h2{font-size:29px;font-weight:600;letter-spacing:1px;margin:15px 0 10px}.description{color:#7c8877;font-size:13px;margin-bottom:36px}form{display:flex;flex-direction:column}label{font-size:13px;font-weight:550;margin:0 0 10px}input{border:1px solid #d8e0d2;background:#fff;color:#293b30;border-radius:10px;height:49px;padding:12px 14px;min-width:0;width:100%;transition:border-color .2s}input:focus{border-color:#78986f}input::placeholder{color:#a0a999;font-size:13px}#username{margin-bottom:23px}.password-wrap{position:relative}.password-wrap input{padding-right:63px}.password-wrap button{position:absolute;right:9px;top:8px;height:32px;border:0;color:#7c8c73;background:none;font-size:12px;border-radius:6px}#login-error{color:#a63b37;font-size:12px;min-height:21px;margin:13px 0 12px;line-height:1.7}.login-button{background:#165b47;border:0;color:#fff;padding:15px 19px;display:flex;justify-content:space-between;align-items:center;border-radius:10px;letter-spacing:2px}.login-button:hover{background:#104b3a}.login-button:disabled{opacity:.6;cursor:wait}.login-button span{font-size:20px}.local-note{font-size:11px;color:#929c89;text-align:center;margin-top:23px}.dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#85a579;margin-right:8px}.login-side footer{position:absolute;bottom:29px;left:38px;right:38px;display:flex;justify-content:space-between;font-size:10px;color:#9ba592}.mobile-brand{display:none}@media(max-width:850px){.intro{padding:34px 30px}.intro-copy{padding:40px 0 70px}h1{font-size:40px;letter-spacing:2px}.brand{font-size:18px}.brand img{width:35px}.brand small{font-size:8px}h2{font-size:25px}.login-side{padding:70px 28px}.eyebrow{font-size:9px;letter-spacing:1.5px}.paper-art{transform:scale(.9);transform-origin:left top}}@media(max-width:600px){.login-layout{display:block}.intro{display:none}.login-side{min-height:100dvh;padding:60px 28px 100px}.login-card{max-width:360px}.mobile-brand{display:flex;align-items:center;gap:11px;font-size:20px;font-weight:600;color:#165b47;margin-bottom:60px}.mobile-brand img{width:37px}h2{font-size:29px}.login-side footer{left:28px;right:28px}.description{margin-bottom:35px}}