:root{--green:#183d31;--lime:#a7da72;--ink:#17231f;--muted:#74807b;--line:#dfe5e2}
*{box-sizing:border-box}
body{margin:0;font:14px "DM Sans",sans-serif;color:var(--ink)}
.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(380px,.85fr) 1.15fr}
.login-brand{background:var(--green);color:white;padding:48px clamp(35px,6vw,90px);position:relative;display:flex;flex-direction:column;overflow:hidden}
.login-brand:after{content:"";position:absolute;width:520px;height:520px;border:1px solid #ffffff14;border-radius:50%;bottom:-240px;right:-170px;box-shadow:0 0 0 80px #ffffff08,0 0 0 160px #ffffff05}
.login-logo{width:132px;height:74px;display:grid;place-items:center;margin:0 0 18px;padding:8px 12px;border-radius:12px;background:#fff}
.login-logo img{display:block;max-width:100%;max-height:100%;object-fit:contain}
.wordmark{font:800 22px Manrope;letter-spacing:2px;display:flex;align-items:center;min-height:35px}
.wordmark small{font:500 8px "DM Sans";letter-spacing:2px;color:#9eb3ab;margin-left:12px}
.brand-copy{margin:auto 0;position:relative;z-index:1}
.brand-copy p{font-size:10px;color:var(--lime);letter-spacing:1.8px;font-weight:700}
.brand-copy h1{font:700 clamp(35px,4vw,52px)/1.12 Manrope;letter-spacing:-1.5px;margin:18px 0}
.brand-copy>span{color:#a9bdb5;max-width:420px;line-height:1.7;display:block}
.login-brand footer{color:#789188;font-size:10px;position:relative;z-index:1}
.login-form{display:grid;place-items:center;padding:35px;background:#f7f9f8}
.form-box{width:min(410px,100%)}
.eyebrow{font-size:10px;color:#4d745f;letter-spacing:1.6px;font-weight:700}
.form-box h2{font:700 27px Manrope;margin:8px 0}
.intro{color:var(--muted);margin:0 0 32px}
.form-box form>label{display:grid;gap:8px;margin:17px 0;font-size:12px;font-weight:600}
.form-box input[type=email],.form-box input[type=password]{height:47px;border:1px solid var(--line);border-radius:8px;padding:0 13px;background:white;outline:0}
.form-box input:focus{border-color:#6d9c87;box-shadow:0 0 0 3px #e7f0ec}
.form-help{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted);margin:18px 0 22px}
.form-help label{display:flex;gap:7px;align-items:center}
.form-help input{accent-color:var(--green)}
form>button{width:100%;height:47px;border:0;border-radius:8px;background:var(--green);color:white;font-weight:700;display:flex;justify-content:center;align-items:center;gap:12px}
form>button:hover{background:#102f26}
form>button:disabled{opacity:.45;cursor:not-allowed}
.security{text-align:center;color:#909a96;font-size:10px;margin-top:20px}
.message{padding:12px 14px;border-radius:7px;font-size:11px;line-height:1.5;margin:18px 0}
.message.error{background:#fceded;color:#a93636}
.message.warning{background:#fff3df;color:#825b22}
@media(max-width:760px){.login-shell{grid-template-columns:1fr}
.login-brand{min-height:220px;padding:30px}
.brand-copy{margin:35px 0}
.brand-copy h1{font-size:31px}
.brand-copy>span,.login-brand footer{display:none}
.login-form{padding:45px 22px}
}