*{box-sizing:border-box}html,body{min-height:100%}body.login-page{margin:0;min-height:100dvh;display:grid;place-items:center;padding:24px;font-family:Segoe UI,Arial,sans-serif;background:#f3f6fa;color:#172033}.login-card{width:min(420px,100%);background:#fff;border:1px solid #dde5ee;border-radius:16px;box-shadow:0 12px 34px rgba(27,49,82,.12);padding:30px 28px;text-align:center}.login-card>img{display:block;width:118px;max-width:42vw;height:auto;margin:0 auto 18px}.login-card h1{margin:0 0 10px;font-size:22px;line-height:1.25;color:#172033}.login-card p{margin:0 0 22px;color:#6d7a8b;font-size:13px;line-height:1.45}.login-card a{color:#126f50;text-decoration:none}.login-card a:hover{text-decoration:underline}.login-card form{display:grid;gap:14px;text-align:left}.login-card label{display:grid;gap:6px;font-size:12px;font-weight:700;color:#506075}.login-card input{width:100%;min-height:44px;padding:10px 12px;border:1px solid #ccd7e3;border-radius:8px;background:#fff;color:#172033;font:inherit;outline:none}.login-card input:focus{border-color:#16865a;box-shadow:0 0 0 3px rgba(22,134,90,.12)}.primary{width:100%;min-height:44px;border:0;border-radius:8px;padding:11px 14px;cursor:pointer;font-weight:700;background:#16865a;color:#fff}.primary:hover{background:#11734c}.login-error{margin:0 0 16px;padding:10px 12px;border-radius:8px;background:#fdecec;color:#9c2525;font-size:13px;text-align:left}.login-card small{display:block;margin-top:18px;color:#78889c;font-size:12px}@media(max-width:520px){body.login-page{padding:16px}.login-card{padding:24px 20px;border-radius:14px}.login-card h1{font-size:20px}.login-card>img{width:104px}}