@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&display=swap);
html,body,#root{margin:0px;padding:0px;min-height:100vh !important;width:100%;height:100%;overscroll-behavior:none}.no-select{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}*,*:before,*:after{box-sizing:border-box}html,body,#root,#App,.ParentComponent{height:100%}.filter-overlay{position:relative;overflow:hidden}.filter-overlay::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:30px;background:linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255));z-index:1}.expand-button{position:absolute;right:1rem;bottom:1rem;z-index:2;background-color:rgba(0,0,0,0)}div.orderedList{counter-reset:list-number}div.orderedList div:before{counter-increment:list-number;content:counter(list-number)}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}*{font-size:1rem;margin:0;padding:0}.MuiAutocomplete-popup{z-index:999999 !important}.videoWrapper{position:relative;padding-bottom:56.25%;padding-top:25px;height:0;overflow:hidden}.videoWrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}
body.premium-theme {
    /* Immersive Background */
    background-image: url('https://images.unsplash.com/photo-1519681393784-d120267933ba?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1950&q=80');
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-color: #121212; /* Fallback */
}

/* Keyframe Animations from SOP */
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

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

@keyframes float {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
}

@keyframes pulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
}

/* Add a class for entrance animation on components */
.fade-in-slide-up {
    animation: fadeIn 0.5s ease-out, slideUp 0.5s ease-out;
}