.login-layout{display:grid;grid-template-columns:minmax(300px,46%) 1fr;min-height:100vh;background:#f8fbf9}
.welcome-pane{background:radial-gradient(circle at 85% 15%,#2d805a 0,#205c47 40%,#113a2e 100%);padding:46px clamp(24px,4vw,70px);color:#fff;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}
.welcome-brand{display:flex;align-items:center;gap:14px}.welcome-icon{width:53px;height:53px;border-radius:15px;background:#ffffff21;display:grid;place-items:center;font-size:29px}.welcome-brand .brand-name{color:#fff}.welcome-brand .brand-name span{color:#a7f2c5}.welcome-brand .brand-caption{color:#b1dcc7}
.login-chip{font-size:10px;letter-spacing:2px;font-weight:850;color:#b4eac9}.welcome-content h1{font-size:clamp(32px,4vw,58px);font-weight:850;line-height:1.14;letter-spacing:-2px;margin:24px 0}.welcome-content h1 span{color:#a8f1c0}.welcome-content p{font-size:14px;max-width:420px;color:#d0e9d9}.welcome-benefits{margin-top:36px;display:grid;gap:15px;color:#d8f5e6;font-size:13px;font-weight:630}.welcome-back{color:#e8fff1;text-decoration:none;font-size:13px;font-weight:700}
.login-pane{display:grid;place-items:center;padding:28px}.login-box{width:min(100%,420px);background:#fff;border:1px solid #e5f0e8;border-radius:24px;padding:42px;box-shadow:0 17px 60px #173b2810}.login-symbol{width:62px;height:62px;border-radius:17px;background:#e5f5ed;display:grid;place-items:center;font-size:28px;margin-bottom:29px}.login-box h2{font-size:31px;letter-spacing:-1px;color:#193c2b;margin:0 0 8px}.login-box>p{color:#8ca297;font-size:13px;margin:0 0 31px}.login-box form{display:grid;gap:22px}.login-box .form-field label{font-size:12px}.login-box input{font-size:14px;padding:13px 14px}.password-line{display:flex;position:relative}.password-line input{padding-right:65px}.password-line button{position:absolute;right:7px;top:7px;bottom:7px;background:#eef7f1;border:0;border-radius:7px;padding:0 11px;font-size:11px;font-weight:780;color:#317857}.login-submit{padding:15px;margin-top:7px;width:100%;font-size:13px}.login-error{color:#aa4c3a;background:#fff2ee;border:1px solid #f6d5ca;padding:12px;border-radius:9px;font-size:12px;line-height:1.5;margin-bottom:21px}.login-bottom-link{display:block;margin-top:25px;color:#318463;font-size:12px;text-align:center;font-weight:750;text-decoration:none}
@media(max-width:920px){.login-layout{grid-template-columns:1fr}.welcome-pane{min-height:245px;padding:28px;gap:25px}.welcome-content h1{font-size:34px;margin:9px 0}.welcome-content p,.welcome-benefits{display:none}.welcome-back{font-size:11px}.login-pane{padding:25px 15px}.login-box{padding:29px;box-shadow:none}.login-symbol{margin-bottom:16px}}