*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#f0f4ef;color:#274438;font:15px system-ui,'Microsoft YaHei',sans-serif}main{background:white;border:1px solid #dce4d9;border-radius:16px;padding:42px;max-width:440px;width:calc(100% - 32px);box-shadow:0 20px 70px #254b3510}small{letter-spacing:3px;color:#748a7d}h1{font-size:26px;margin-top:22px}p{color:#748477;line-height:1.7;font-size:13px}label{display:block;margin:20px 0 10px}input{width:100%;display:block;margin-top:8px;border:1px solid #cbd6cc;border-radius:7px;padding:12px;font:inherit}button{width:100%;background:#28543e;color:white;border:0;border-radius:7px;padding:13px;font:inherit;cursor:pointer}[role=alert]{color:#ac4747;min-height:20px}
/* Mobile login: readable inputs, full-width touch targets, safe scrolling. */
@media(max-width:600px){body{min-height:100vh;min-height:100dvh;padding:max(16px,env(safe-area-inset-top)) 0 max(16px,env(safe-area-inset-bottom))}main{padding:26px 22px;width:calc(100% - 24px)}input,button{font-size:16px;min-height:48px}p,small{color:#526257}h1{font-size:24px}}
@media(max-height:560px){body{place-items:start center}main{margin:12px 0}}