/* Custom styles and animations */
        :root {
            --electric-teal: #00CFFF;
            --coral-pink: #FF6B6B;
            --dark-charcoal: #222222;
            --soft-silver: #DDDDDD;
            --bg-soft-white: #FAFAFA;
            --bg-light-gray: #F0F0F0;
        }

        .scroll-progress {
            height: 4px;
            background-color: var(--electric-teal);
            width: 0%;
            transition: width 0.1s linear;
        }

        .card-lift:hover {
            transform: translateY(-8px);
            box-shadow: 0 15px 30px rgba(0, 207, 255, 0.2);
        }

        /* Glassmorphism Effect */
        .glass {
            background: rgba(255, 255, 255, 0.15);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.2);
            box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
        }

        /* Hero Animation Setup */
        .slider-wrap-left, .slider-wrap-right {
            overflow: hidden;
            height: 100%;
        }
        .slider-content {
            display: flex;
            flex-direction: column;
            gap: 1rem;
            animation-duration: 40s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
            padding: 1rem 0;
        }
        /* Top to Bottom */
        .slider-wrap-left .slider-content {
            animation-name: slide-down;
        }
        @keyframes slide-down {
            0% { transform: translateY(-50%); }
            100% { transform: translateY(0); }
        }
        /* Bottom to Top */
        .slider-wrap-right .slider-content {
            animation-name: slide-up;
        }
        @keyframes slide-up {
            0% { transform: translateY(0); }
            100% { transform: translateY(-50%); }
        }

        /* Fade-in for page content */
        .page-content {
            animation: fadeIn 0.8s ease-out;
        }
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }

        /* Utility for Text Colors */
        .text-electric-teal { color: var(--electric-teal); }
        .bg-electric-teal { background-color: var(--electric-teal); }
        .border-electric-teal { border-color: var(--electric-teal); }
        .text-coral-pink { color: var(--coral-pink); }
        .bg-coral-pink { background-color: var(--coral-pink); }
        .text-charcoal { color: var(--dark-charcoal); }
        .border-soft-silver { border-color: var(--soft-silver); }

        /* Font Classes */
        .font-montserrat { font-family: 'Montserrat', sans-serif; }
        .font-inter { font-family: 'Inter', sans-serif; }
        .font-roboto-mono { font-family: 'Roboto Mono', monospace; }
        
        /* Custom Tailwind Configuration */
        
        /* The following configuration block is executed by the Tailwind JIT compiler */
        /* It is included here for completeness and to ensure custom colors are used correctly. */