* { box-sizing: border-box; }
html { min-height: 100%; }
body.branded-auth {
    margin: 0;
    min-height: 100vh;
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    background: #D01D5B;
    color: #292638;
    font-family: Roboto, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5;
}
.auth-main { flex: 1; display: flex; align-items: center; justify-content: center; padding: 40px 24px 24px; }
.auth-content { width: 100%; max-width: 420px; }
.auth-media-logo { display: block; width: 220px; max-width: 70%; height: auto; margin: 0 auto 28px; }
.auth-panel { padding: 32px; border-radius: 12px; background: #fff; }
.auth-panel h1 { margin: 0 0 24px; color: #D01D5B; font-size: 26px; font-weight: 600; line-height: 1.25; }
.auth-description { margin: 0 0 24px; color: #665f77; font-size: 14px; }
.auth-form .form-group { margin-bottom: 24px; }
.auth-form label { display: block; margin-bottom: 8px; font-size: 14px; font-weight: 500; }
.auth-form .form-control { display: block; width: 100%; min-height: 48px; padding: 10px 12px; border: 1px solid #c9c2d7; border-radius: 6px; background: #fff; color: #292638; font: inherit; box-shadow: none; }
.auth-form .form-control:focus { border-color: #D01D5B; }
.auth-form .form-control[aria-invalid=true] { border-color: #d32f2f; }
.auth-form .auth-error { margin: 8px 0 0; padding: 0; color: #c62828; list-style: none; font-size: 14px; }
.auth-form button { display: block; width: 100%; min-height: 48px; padding: 10px 20px; border: 1px solid #D01D5B; border-radius: 6px; background: #D01D5B; color: #fff; font: inherit; font-weight: 600; cursor: pointer; }
.auth-form button:hover { background: #ad184c; border-color: #ad184c; }
.auth-form input:focus-visible, .auth-form button:focus-visible { outline: 2px solid #D01D5B; outline-offset: 3px; }
.auth-footer { display: flex; justify-content: center; padding: 16px 24px 24px; }
.auth-footer img { display: block; width: 100px; height: auto; }
@media (max-width: 480px) {
    .auth-main { padding: 24px 16px 16px; }
    .auth-panel { padding: 24px; }
    .auth-media-logo { width: 180px; margin-bottom: 20px; }
}