.login-page{--accent:#e57945;--accent-dark:#ac4a25;min-height:100vh;display:grid;place-items:center;padding:24px;background:#f4f4ee}
.login-main{width:min(100%,450px)}
.login-card{background:#fff;border:1px solid #d9ddd4;padding:clamp(24px,5vw,44px);box-shadow:0 16px 60px #19352a12}
.login-card .wordmark{font-size:18px}
.login-card h1{font:800 clamp(30px,5vw,44px)/1.1 Manrope,system-ui,sans-serif;letter-spacing:-.06em;margin:34px 0 8px}
.login-subtitle{color:#586a60;line-height:1.6;margin:0 0 30px}
#login-form{display:grid;gap:18px}
#login-form label{font-size:13px;font-weight:700;color:#385045}
#login-form input{display:block;width:100%;margin-top:9px;padding:14px;border:1px solid #bfcac0;border-radius:4px;background:#fff;color:#172522}
#login-form button{border:0;background:#24352e;color:#fff;padding:14px;font-weight:700;text-align:left;border-radius:4px}
#login-form button:hover{background:#345443}
#login-form button:disabled{opacity:.6}
.login-error{min-height:22px;color:#9f3429;font-size:13px;margin-top:12px}
.login-hint{color:#68766b;font-size:12px;line-height:1.6;margin-top:26px}