@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&display=swap);
:root{--surface: #F7F9FB;--surface-container-low: #F2F4F6;--surface-container-lowest: #FFFFFF;--surface-container-high: #E6E8EA;--surface-container-highest: #E0E3E5;--surface-bright: #F7F9FB;--surface-dim: #D9DBDD;--primary: #000000;--primary-container: #131B2E;--on-primary: #FFFFFF;--on-primary-container: #7C839B;--on-surface: #191C1E;--on-surface-variant: #45464D;--inverse-on-surface: #F0F4FF;--on-tertiary-container: #008CC7;--tertiary-fixed: #C9E6FF;--tertiary-fixed-dim: #89CEFF;--outline-variant: #C6C6CD;--error: #BA1A1A;--positive: #16A34A;--negative: #BA1A1A;--analytics-bg: #0D1117;--analytics-card: #1A2236;--analytics-border: rgba(255,255,255,0.08);--font-display: 'Manrope', sans-serif;--font-body: 'Inter', sans-serif;--font-code: 'JetBrains Mono', monospace;--text-display-lg: 3.5rem;--text-headline-lg: 1.75rem;--text-headline-md: 1.25rem;--text-body-lg: 0.9375rem;--text-body-md: 0.875rem;--text-label-md: 0.75rem;--text-label-sm: 0.6875rem;--text-code: 0.8125rem;--radius-sm: 0.125rem;--radius-md: 0.375rem;--radius-lg: 0.5rem;--radius-xl: 0.75rem;--radius-2xl: 1rem;--radius-full: 9999px;--shadow-ambient: 0 8px 40px rgba(25,28,30,0.06);--shadow-subtle: 0 1px 20px rgba(25,28,30,0.06);--shadow-input: 0 4px 24px rgba(25,28,30,0.08);--shadow-analytics: -4px 0 40px rgba(0,0,0,0.3);--transition-fast: all 0.2s ease-out;--transition-normal: all 0.3s ease-out;--transition-slow: all 0.5s ease-out;--sidebar-width: 240px;--nav-height: 64px;--code-keyword: #89CEFF;--code-string: #C9E6FF;--code-base: #E8EDF5;--code-comment: #7C839B}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;
}