.login-description-text {
    font-family: 'Poppins', sans-serif;
}

.logo-name {
    font-family: 'Roboto Condensed', sans-serif;
}

.gradient-text {

    background-image: linear-gradient(60deg, #E21143, #FFB03A);
    background-clip: text;
    color: transparent;

}

.signin-text {
    font-family: 'Fira Sans', sans-serif;
}

.prize-box-container {
    background-color: #ff4e00;
    background-image: linear-gradient(315deg, #ff4e00 0%, #ff4e00 74%);
}

.flip-box-claim-alert {
    background-color: #ff4e00;
    background-image: linear-gradient(315deg, #ff4e00 0%, #fe5858 74%);
}

.dashboard-container {
    background-color: #ff4e00;
    background-image: linear-gradient(315deg, #ff4e00 0%, #ff4e00 74%);
}

.login-bg {

    background-color: #ff4e00;
    background-image: linear-gradient(315deg, #ff4e00 0%, #ff4e00 74%);

}

.disabled-button {
    pointer-events: none !important;
    cursor: not-allowed !important;
}


    .modal {
        display: flex;
        animation: fadeIn 0.3s ease-in-out;
    }
    .modal-backdrop {
        transition: opacity 0.3s ease-in-out;
    }
    .modal-content {
        font-family: 'Helvetica', sans-serif;
    }
    @keyframes fadeIn {
        from { opacity: 0; }
        to { opacity: 1; }
    }
    @media (max-width: 768px) {
        .modal-content {
            max-width: 90%;
            padding: 16px;
        }
        .modal-content .text-sm {
            font-size: 0.875rem;
        }
        .modal-content .mt-4 {
            flex-direction: column;
            gap: 10px;
        }
        .modal-content .mt-4 a,
        .modal-content .mt-4 button {
            width: 100%;
            min-width: unset;
        }
    }