.loading-page-container {
        position: fixed;
        inset: 0;
        z-index: 9999999;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-color: #FFFFFF;
        transition: opacity 600ms ease-out;
        pointer-events: auto;
        opacity: 1;
        padding: 24px;
    }

    .loading-page-container.hidden {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }

    .loading-content-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 12px;
    }

    .loading-gif {
        max-width: 180px;
        width: 100%;
        height: auto;
    }

    .loading-caption {
        font-family: 'Montserrat', sans-serif;
        font-size: 12px;
        font-weight: 500;
        line-height: normal;
        color: #ED0B53;
        min-height: 16px;
        margin-top: 0px;
    }

    .loading-text {
        font-family: 'Montserrat', sans-serif;
        font-size: 24px;
        font-weight: 500;
        line-height: normal;
        color: #ED0B53;
        text-align: center;
    }

    @keyframes spin {
        0% {
            transform: rotate(0deg);
        }

        100% {
            transform: rotate(360deg);
        }
    }

    .loading-gif-fallback {
        width: 120px;
        height: 120px;
        background: linear-gradient(45deg, #ED0B53, #ff4d7a);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
        font-size: 24px;
        font-weight: bold;
        animation: spin 1s linear infinite;
    }