*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; background: #f7f7f4; color: #16181d; font-family: Arial, sans-serif; }
.auth-card { width: min(92vw, 430px); padding: 32px; border: 1px solid #d9d9d2; border-top: 7px solid #f5b21b; border-radius: 7px; background: #fff; box-shadow: 0 12px 35px rgba(22,24,29,.12); }
.auth-logo-wrap { display: grid; place-items: center; margin: -32px -32px 25px; padding: 20px 28px 15px; background: #16181d; border-radius: 0; }
.auth-logo { display: block; width: 190px; height: 100px; object-fit: contain; }
h1 { margin: 0 0 7px; text-align: center; text-transform: uppercase; font-size: 25px; }
.intro { margin: 0 0 24px; color: #6b7078; text-align: center; }
label { display: block; margin: 14px 0; font-size: 12px; font-weight: bold; text-transform: uppercase; letter-spacing: .08em; }
input, select { width: 100%; margin-top: 6px; padding: 11px; border: 1px solid #c9c9c2; border-radius: 4px; font-size: 15px; }
button, .button { display: inline-block; padding: 11px 16px; border: 0; border-radius: 4px; background: #f5b21b; color: #16181d; font-weight: bold; cursor: pointer; text-decoration: none; }
form > button { width: 100%; margin-top: 8px; }
button:disabled { opacity: .55; }
.error { min-height: 20px; color: #a31d17; font-size: 13px; }
.help { color: #6b7078; font-size: 12px; line-height: 1.45; }