:root{font-family:Arial,Helvetica,sans-serif;color:#28372b;background:#9dc91b;font-synthesis:none}*{box-sizing:border-box}body{margin:0;font-size:16px}.login-page{min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:40px 20px}.login-shell{width:min(440px,100%)}.login-card{background:#fff;border:1px solid #e0e6dc;border-radius:16px;padding:42px 40px 40px;box-shadow:0 18px 55px #3c511e26}.login-brand{padding:0 0 30px;margin-bottom:29px;border-bottom:1px solid #edf0e9}.login-brand img{display:block;width:275px;max-width:100%;height:auto;margin:0 auto}.login-heading{margin-bottom:30px;container-type:inline-size}.login-heading h1{margin:0 0 10px;font-size:24px;font-size:clamp(12px,6.5cqi,24px);font-weight:600;line-height:1.25;letter-spacing:-.3px;white-space:nowrap}.login-heading p{margin:0;color:#6a7666;line-height:1.55;font-size:15px}form{display:flex;flex-direction:column}label{font-size:14px;font-weight:600;line-height:1.4;margin-bottom:8px}input{font:inherit;color:#28372b;width:100%;height:48px;padding:12px 14px;border:1px solid #d6dfd1;border-radius:8px;background:#fff;transition:border-color .15s,box-shadow .15s}input::placeholder{color:#95a18f}input:focus{outline:0;border-color:#729631;box-shadow:0 0 0 3px #9dc91b22}#username{margin-bottom:22px}#error{margin:0;font-size:14px;line-height:1.5;color:#a13024}#error:not(:empty){margin-top:18px;padding:11px 13px;background:#fff2ef;border:1px solid #f0d9d3;border-radius:8px}.primary{font:inherit;font-size:15px;font-weight:600;height:49px;margin-top:27px;border:0;border-radius:8px;background:#cadc8a;color:#28372b;cursor:pointer;transition:background .15s}.primary:hover{background:#bdd16f}.primary:focus-visible{outline:3px solid #9dc91b;outline-offset:3px}.primary:disabled{opacity:.65;cursor:wait}.login-footer{text-align:center;color:#35491c;font-size:13px;line-height:1.5;margin:22px 0 0}@media(max-width:480px){.login-page{padding:24px 16px}.login-card{padding:34px 26px 30px;border-radius:14px}.login-brand{padding-bottom:25px;margin-bottom:25px}.login-brand img{width:260px}}@media(prefers-reduced-motion:reduce){input,.primary{transition:none}}

:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#182438;background:#9bc424}.login-page{background:radial-gradient(ellipse at 80% 10%,#bbdb6a55,transparent 55%),radial-gradient(ellipse at 10% 90%,#698f1c22,transparent 60%)}.login-shell{width:min(475px,100%)}.login-card{border-radius:26px;border-color:#e8eede;padding:45px 42px;box-shadow:0 24px 70px #42620d23}.login-brand{border-color:#edf1e8;margin-bottom:29px}.login-heading h1{font-size:clamp(13px,6.3cqi,24px);font-weight:650;letter-spacing:-.45px}.login-heading p{color:#829078}.login-card label{color:#56634a;font-weight:550}.login-card input{border-radius:11px;border-color:#dfe7d6;color:#263e23;height:50px}.login-card input:focus{border-color:#a0bf60;box-shadow:0 0 0 3px #bad58e33}.login-card .primary{border-radius:11px;background:#e3edc9;color:#34501d;height:51px;font-weight:650}.login-card .primary:hover{background:#d5e5af}.login-footer{color:#416112;font-size:12px}@media(max-width:480px){.login-card{padding:34px 27px;border-radius:22px}}