*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:20px;background:#f4f7f2;color:#193e35;font-family:system-ui,sans-serif}main{width:min(480px,100%);padding:32px;background:white;border:1px solid #cedbd1;border-radius:16px;box-shadow:0 8px 32px #163f320a}h1{font-size:26px;margin:0 0 8px}p{line-height:1.5;color:#4c6458}label{display:block;margin:20px 0 8px;font-weight:600}input{display:block;width:100%;min-height:46px;border:1px solid #98b3a3;border-radius:8px;padding:10px;font:inherit}.password{display:flex;gap:8px}.password input{min-width:0;flex:1}button{min-height:46px;border:0;border-radius:8px;padding:10px 18px;font:inherit;background:#19573f;color:white;cursor:pointer}button[type=submit]{width:100%;margin-top:22px;font-weight:650}#show-password{background:#edf3ee;color:#244c3d}button:disabled{opacity:.65;cursor:wait}:focus-visible{outline:3px solid #b4770b;outline-offset:3px}#login-error:not(:empty){background:#fff0e8;color:#8d351b;padding:12px;border-radius:8px}#login-error{margin-bottom:0}small{font-weight:400}@media(max-width:500px){main{padding:24px}}