.auth-page__content {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    min-height: 100dvh;
    padding:
        max(1rem, env(safe-area-inset-top))
        max(1rem, env(safe-area-inset-right))
        max(1rem, env(safe-area-inset-bottom))
        max(1rem, env(safe-area-inset-left));
}

.auth-page__container {
    width: 100%;
    max-width: 28rem;
}

.auth-card {
    background-color: rgba(91, 85, 71, 0.88);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 0.75rem;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

.auth-card .form-control {
    font-size: 1rem;
}

@media (max-width: 768px) {
    .auth-page__content {
        align-items: flex-start;
        padding-top: max(1.5rem, env(safe-area-inset-top));
    }

    .auth-card {
        padding: 1.25rem !important;
    }
}