/*
 * Hearth auth polish.
 *
 * Targeted auth-surface refinements only:
 * - brighter official Hearth colour blocks
 * - stronger premium depth
 * - larger, cleaner master logo presentation
 */

.hearth-auth-wrap {
    background:
        radial-gradient(circle at 18% 12%, rgba(254, 95, 85, 0.16), transparent 34%),
        radial-gradient(circle at 88% 22%, rgba(254, 228, 64, 0.22), transparent 30%),
        radial-gradient(circle at 50% 100%, rgba(23, 190, 187, 0.16), transparent 34%),
        #ffffff;
}

.hearth-auth-logo {
    display: block;
    width: min(440px, 90vw);
    max-height: 140px;
    margin: 0 auto;
    object-fit: contain;
}

.hearth-auth-helper {
    font-size: 0.875rem;
}

.hearth-auth-content > .container > .row > div > .hearth-auth-helper {
    font-size: 0.8rem;
}

.hearth-auth-link {
    color: var(--h-accent);
    text-decoration: none;
}

.hearth-auth-link:hover,
.hearth-auth-link:focus {
    color: var(--h-navy);
    text-decoration: none;
}

.hearth-auth-bg {
    opacity: 1 !important;
}

.hearth-auth-block {
    filter: saturate(1.9) brightness(1.08) !important;
    box-shadow: 0 22px 58px rgba(35, 61, 77, 0.11) !important;
    border: 1px solid rgba(255, 255, 255, 0.28);
}

.hearth-auth-block--1 {
    background: var(--h-brand-coral) !important;
    opacity: 0.58 !important;
}

.hearth-auth-block--2 {
    background: var(--h-brand-green) !important;
    opacity: 0.56 !important;
}

.hearth-auth-block--3 {
    background: var(--h-brand-yellow) !important;
    opacity: 0.62 !important;
}

.hearth-auth-block--4 {
    background: var(--h-brand-blue) !important;
    opacity: 0.56 !important;
}

.hearth-auth-block--5 {
    background: var(--h-brand-purple) !important;
    opacity: 0.52 !important;
}

.hearth-auth-block--6 {
    background: var(--h-brand-teal) !important;
    opacity: 0.56 !important;
}

.hearth-auth-content .container {
    position: relative;
    z-index: 2;
}

.hearth-auth-content .hearth-card {
    border-color: rgba(35, 61, 77, 0.12);
    box-shadow: 0 14px 40px rgba(35, 61, 77, 0.09);
}

@media (max-width: 575.98px) {
    .hearth-auth-logo {
        width: min(330px, 92vw);
        max-height: 110px;
    }

    .hearth-auth-block {
        opacity: 0.44 !important;
    }
}