*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#f3f5f0;color:#203c32;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;display:grid;place-items:center;padding:28px}.login-layout{width:min(1020px,100%);min-height:640px;background:#fff;border:1px solid #e1e6dd;border-radius:22px;overflow:hidden;display:grid;grid-template-columns:1fr .78fr;box-shadow:0 20px 60px #143d2612}.login-card{padding:48px clamp(25px,6vw,72px);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;color:#173f34;text-decoration:none;font-weight:750;font-size:20px;letter-spacing:1px}.brand b{color:#77a980}.brand small{display:block;font-size:11px;color:#7a9083;letter-spacing:.2px;margin-top:5px}.logo{display:grid;place-items:center;border-radius:12px;background:#cdeab9;color:#174b3b;width:48px;height:48px;font-size:27px;font-weight:900}.welcome{margin:55px 0 30px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:#648575}.welcome h1{font-size:30px;line-height:1.2;letter-spacing:-.9px;font-weight:680;margin:14px 0}.welcome p{color:#74847a;font-size:14px;line-height:1.6;margin:0}form label{display:block;font-size:13px;font-weight:650;margin:18px 0;color:#334c40}input{display:block;width:100%;margin-top:8px;padding:14px 13px;border:1px solid #d7e0d7;border-radius:9px;font:inherit;font-size:14px;color:#294238;background:white}input:focus{outline:2px solid #a8ceb0;outline-offset:1px}.primary{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:27px;padding:15px 17px;background:#1c5542;color:white;border:0;border-radius:9px;font:inherit;font-weight:700;cursor:pointer}.primary:hover{background:#28674e}.primary:disabled{opacity:.6;cursor:wait}#message{min-height:22px;margin:13px 0 0;font-size:13px;color:#a14930;line-height:1.5}.security{font-size:11px;color:#89978d;margin-top:auto;padding-top:26px}footer{font-size:10px;color:#9aa59a;margin-top:22px}.login-layout aside{position:relative;background:#123f36;color:#eff7ed;padding:58px 42px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.login-layout aside .eyebrow{color:#c6e7bb}.login-layout aside p{font-family:Georgia,serif;font-size:27px;line-height:1.45;max-width:310px;position:relative;z-index:1}.decor{position:absolute;right:-40px;bottom:-130px;font-size:370px;font-weight:900;color:#ffffff0b;line-height:1}@media(max-width:700px){body{padding:0;background:white}.login-layout{display:block;min-height:100vh;border:0;border-radius:0;box-shadow:none}.login-card{min-height:100vh;padding:32px clamp(22px,7vw,42px)}.welcome{margin:56px 0 28px}.welcome h1{font-size:27px}.login-layout aside{display:none}}
.password-field{position:relative;display:block}.password-field input{padding-right:55px}.password-toggle{position:absolute;right:6px;top:14px;border:0;background:transparent;color:#315646;min-width:42px;min-height:42px;font-size:20px;cursor:pointer}.password-toggle:hover{background:#edf3ed;border-radius:8px}