body {
            background-color: #fcf9f4; /* Using theme background */
            color: #1c1c19;
            overflow-x: hidden;
        }

        button, input {
            -webkit-appearance: none;
            appearance: none;
        }
        
        .neumorphic-card {
            background: #fcf9f4;
            border-radius: 24px;
            box-shadow: 12px 12px 24px #e0dcd4, -12px -12px 24px #ffffff;
            transition: all 0.3s ease;
        }
        
        .neumorphic-card:hover {
            box-shadow: 16px 16px 32px #d5d1c8, -16px -16px 32px #ffffff;
            transform: translateY(-4px);
        }

        .neumorphic-btn-primary {
            background: #00607a;
            color: #ffffff;
            border-radius: 9999px;
            box-shadow: 6px 6px 12px #dcdad5, -6px -6px 12px #ffffff;
            transition: all 0.2s ease;
        }

        .neumorphic-btn-primary:active {
            box-shadow: inset 4px 4px 8px rgba(0,0,0,0.2), inset -4px -4px 8px rgba(255,255,255,0.1);
            transform: translateY(2px);
        }

        .neumorphic-btn-secondary {
            background: #fcf9f4;
            color: #1c1c19;
            border-radius: 9999px;
            box-shadow: 6px 6px 12px #e0dcd4, -6px -6px 12px #ffffff;
            transition: all 0.2s ease;
        }

        .neumorphic-btn-secondary:active {
            box-shadow: inset 4px 4px 8px #e0dcd4, inset -4px -4px 8px #ffffff;
            transform: translateY(2px);
        }

        .neumorphic-input {
            background: #fcf9f4;
            box-shadow: inset 6px 6px 12px #e0dcd4, inset -6px -6px 12px #ffffff;
            border: none;
        }

        .neumorphic-input:focus {
            outline: none;
            box-shadow: inset 6px 6px 12px #e0dcd4, inset -6px -6px 12px #ffffff, 0 0 0 1.5px #00607a;
        }

        .glass-panel {
            background: rgba(252, 249, 244, 0.7);
            backdrop-filter: blur(20px);
            border: 1px solid rgba(255, 255, 255, 0.4);
            box-shadow: 0 8px 32px 0 rgba(0, 96, 122, 0.1);
        }

        /* Slider Animations */
        .slider-track {
            display: flex;
            width: max-content;
            animation: scroll 40s linear infinite;
        }
        
        .slider-track:hover {
            animation-play-state: paused;
        }

        @keyframes scroll {
            0% { transform: translateX(0); }
            /* Calculate offset exactly based on 8 cards + gap. We translate -50% to show second set */
            100% { transform: translateX(calc(-50% - 16px)); } 
        }

        /* Reveal Animations */
        .reveal {
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);
        }
        
        .reveal.active {
            opacity: 1;
            transform: translateY(0);
        }

        .stagger-1 { transition-delay: 100ms; }
        .stagger-2 { transition-delay: 200ms; }
        .stagger-3 { transition-delay: 300ms; }

        /* Custom Scrollbar for sleekness */
        ::-webkit-scrollbar {
            width: 8px;
        }
        ::-webkit-scrollbar-track {
            background: #fcf9f4;
        }
        ::-webkit-scrollbar-thumb {
            background: #bec8ce;
            border-radius: 4px;
        }
        ::-webkit-scrollbar-thumb:hover {
            background: #6f787e;
        }