/* Base styles */
    html {
        scroll-behavior: smooth;
    }

    body {
        overflow-x: hidden;
    }

    /* Animation Utilities */
    .reveal-up {
        opacity: 0;
        transform: translateY(30px);
        transition: opacity 0.8s ease-out, transform 0.8s ease-out;
    }

    .reveal-left {
        opacity: 0;
        transform: translateX(-30px);
        transition: opacity 0.8s ease-out, transform 0.8s ease-out;
    }

    .reveal-right {
        opacity: 0;
        transform: translateX(30px);
        transition: opacity 0.8s ease-out, transform 0.8s ease-out;
    }

    .delay-100 { transition-delay: 100ms; }
    .delay-200 { transition-delay: 200ms; }
    .delay-300 { transition-delay: 300ms; }

    /* Active state for animations */
    .is-visible {
        opacity: 1;
        transform: translate(0, 0);
    }

    /* Custom Scrollbar */
    ::-webkit-scrollbar {
        width: 8px;
    }
    ::-webkit-scrollbar-track {
        background: #fafaf9;
    }
    ::-webkit-scrollbar-thumb {
        background: #d6d3d1;
        border-radius: 4px;
    }
    ::-webkit-scrollbar-thumb:hover {
        background: #9f1239;
    }