html {
        scroll-behavior: smooth;
    }

    .scroll-container {
        scroll-snap-type: y proximity;
    }

    .scroll-section {
        scroll-snap-align: start;
        opacity: 0;
        transform: translateY(50px);
        transition: opacity 1s ease-out, transform 1s ease-out;
    }

    .scroll-section.visible {
        opacity: 1;
        transform: translateY(0);
    }

    .scroll-section:last-child {
        margin-bottom: 0;
    }

    /* Progress Bar */
    .scroll-progress {
        position: fixed;
        top: 80px;
        left: 0;
        height: 3px;
        background: linear-gradient(90deg, #1E73BE, #00C2A0);
        z-index: 999;
        transition: width 0.1s ease;
    }