/* Wide anniversary artwork: preserve its proportions on every branding surface. */
.hero-logo {
    width: 120px;
    height: 66px;
    flex: 0 0 120px;
    border-radius: 14px;
}
.login-card-logo,
.otp-card-logo,
.setup-card-logo {
    width: 224px;
    max-width: 100%;
    height: 120px;
    border-radius: 18px;
}
.sidebar-brand { padding: 6px 20px; }
.sidebar-brand > a {
    display: block;
    flex: 0 0 112px;
}
.sidebar-brand img {
    width: 112px;
    height: 62px;
    max-width: 100%;
    object-fit: contain;
    border-radius: 12px;
    background: #fff;
    padding: 5px;
}
@media (max-width: 420px) {
    .hero-brand { flex-wrap: wrap; }
}