.material-symbols-outlined {
    font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
}

body {
    background-color: #1e272f;
}

.hero-bg {
    background-image:
        linear-gradient(135deg, rgba(30, 39, 47, 0.92) 0%, rgba(30, 39, 47, 0.65) 50%, rgba(30, 39, 47, 0.92) 100%),
        url('/assets/hero-campaign.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.active-step {
    display: block;
}

.hidden-step {
    display: none;
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fade-up {
    animation: fadeUp 0.6s ease-out both;
}

/* intl-tel-input dark theme overrides */
.iti {
    width: 100%;
}
.iti__flag {
    background-image: url("https://cdn.jsdelivr.net/npm/intl-tel-input@18.2.1/build/img/flags.png");
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .iti__flag {
        background-image: url("https://cdn.jsdelivr.net/npm/intl-tel-input@18.2.1/build/img/flags@2x.png");
    }
}
.iti__selected-flag {
    background-color: transparent !important;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}
.iti__selected-flag:hover,
.iti__selected-flag:focus {
    background-color: rgba(255, 255, 255, 0.05) !important;
}
.iti__country-list {
    background-color: #1e272f;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 0.25rem;
    max-height: 220px;
}
.iti__country:hover,
.iti__country.iti__highlight {
    background-color: rgba(255, 255, 255, 0.08);
}
.iti__divider {
    border-bottom-color: rgba(255, 255, 255, 0.1);
}
.iti__arrow {
    border-top-color: #c4c7cb;
}
.iti__arrow--up {
    border-bottom-color: #c4c7cb;
}
.iti__dial-code {
    color: #9ca3af;
}