*{box-sizing:border-box}body{margin:0;background:#f4f7f5;color:#203b2d;font:16px/1.5 system-ui,sans-serif;display:grid;min-height:100vh;place-items:center;padding:24px}main{max-width:440px;width:100%;background:white;border:1px solid #dae5de;border-radius:18px;padding:32px;box-shadow:0 14px 45px #1739230c}.brand{font-size:11px;font-weight:750;letter-spacing:.12em;color:#367353}h1{font-size:27px;line-height:1.25}p{color:#63776a}form{display:grid;gap:10px;margin-top:24px}label{font-size:14px;font-weight:600}input,button{font:inherit;border-radius:8px;padding:12px;border:1px solid #c9d8ce}button{background:#17683d;color:white;font-weight:650;cursor:pointer;margin-top:12px}button:disabled{opacity:.6}input:focus-visible,button:focus-visible{outline:3px solid #83bda0;outline-offset:2px}#login-status{margin:4px 0 0;font-size:14px;color:#923d29}

.remember-device{display:flex;gap:10px;align-items:flex-start;margin-top:8px;font-weight:400}.remember-device input{width:18px;height:18px;flex:none;margin:3px 0;accent-color:#17683d}.login-help{color:#63776a;font-size:12px}