.auth-aside-panel {
    position: relative;
    overflow: hidden;
    background-color: #0f1419;
    background-image: url('/images/auth/login-moto-sunset.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 320px;
}

@media (min-width: 992px) {
    .auth-aside-panel {
        min-height: 100vh;
    }
}

/* Blur suave só na metade inferior */
.auth-aside-panel::before {
    content: "";
    position: absolute;
    inset: -20px;
    background-image: url('/images/auth/login-moto-sunset.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    filter: blur(16px);
    transform: scale(1.06);
    z-index: 0;
    -webkit-mask-image: linear-gradient(to top, #000 0%, #000 26%, rgba(0, 0, 0, 0.4) 42%, transparent 52%);
    mask-image: linear-gradient(to top, #000 0%, #000 26%, rgba(0, 0, 0, 0.4) 42%, transparent 52%);
}

/* Degradê preto de baixo até a metade */
.auth-aside-panel__overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.78) 0%,
        rgba(0, 0, 0, 0.48) 22%,
        rgba(0, 0, 0, 0.22) 38%,
        rgba(0, 0, 0, 0.06) 46%,
        transparent 52%
    );
    pointer-events: none;
}

.auth-aside-panel__content {
    position: relative;
    z-index: 2;
    min-height: 100%;
}

@media (min-width: 992px) {
    .auth-aside-panel__content {
        min-height: 100vh;
    }
}

.auth-aside-panel__title {
    text-shadow: 0 4px 28px rgba(0, 0, 0, 0.75);
    letter-spacing: 0.02em;
}

.auth-aside-panel__tagline {
    text-shadow: 0 2px 16px rgba(0, 0, 0, 0.65);
    max-width: 28rem;
    width: 100%;
    text-align: right;
}

.auth-aside-panel__version {
    text-shadow: 0 1px 10px rgba(0, 0, 0, 0.55);
}