.page-container {
            position: relative;
            width: 100%;
            height: 100vh;
            overflow: hidden;
        }
        
        .page-content {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            overflow-y: auto;
            transition: transform 0.8s ease-in-out, opacity 0.4s ease-in-out;
        }
        
        .page-content.hidden {
            display: none;
        }
        
        .page-content.slide-left {
            transform: translateX(-100%);
            opacity: 0;
        }
        
        .page-content.slide-right {
            transform: translateX(100%);
            opacity: 0;
        }

        
        .stickman-container {
            position: absolute;
            top: -30px; /* Logo üzerinde durması için */
            left: 50%;
            transform: translateX(-50%);
            width: 40px; /* Daha küçük ve zarif */
            height: 48px;
            z-index: 1000; /* Ön planda */
        }
        .stickman {
            transition: none; /* Animasyon bitiminde sıfırlama için */
        }
        .rope {
            position: absolute;
            top: 10px; /* Çöp adamın ellerine yakın */
            left: 50%;
            transform: translateX(-50%); /* Ortalanmış */
            width: 80px;
            height: 8px;
            z-index: 999;
            display: none; /* Başlangıçta gizli */
        }
        .stickman.jump-left .rope {
            display: block;
            animation: pullRopeLeft 0.8s ease-in-out forwards;
        }
        .stickman.jump-right .rope {
            display: block;
            animation: pullRopeRight 0.8s ease-in-out forwards;
        }

        /* Çöp Adam Animasyonları */
        .stickman.jump-left {
            animation: jumpAndPullLeft 0.8s ease-in-out forwards;
        }
        .stickman.jump-right {
            animation: jumpAndPullRight 0.8s ease-in-out forwards;
        }
        @keyframes jumpAndPullLeft {
            0% {
                top: -30px;
                left: 50%;
                transform: translateX(-50%);
                opacity: 1;
            }
            50% {
                top: 5px; /* Aşağı atlama */
                left: 50%;
                transform: translateX(-50%) rotate(-10deg);
                opacity: 1;
            }
            100% {
                top: 5px;
                left: -150%; /* Sola hareket (itme) */
                transform: translateX(-50%) rotate(0deg);
                opacity: 0;
            }
        }
        @keyframes jumpAndPullRight {
            0% {
                top: -30px;
                left: 50%;
                transform: translateX(-50%);
                opacity: 1;
            }
            50% {
                top: 5px; /* Aşağı atlama */
                left: 50%;
                transform: translateX(-50%) rotate(10deg);
                opacity: 1;
            }
            100% {
                top: 5px;
                left: 250%; /* Sağa hareket (çekme) */
                transform: translateX(-50%) rotate(0deg);
                opacity: 0;
            }
        }

        /* Halat Animasyonları */
        @keyframes pullRopeLeft {
            0% {
                transform: translateX(-50%);
                opacity: 1;
            }
            100% {
                transform: translateX(-250%); /* Halat sola kayar (itme) */
                opacity: 0;
            }
        }
        @keyframes pullRopeRight {
            0% {
                transform: translateX(-50%);
                opacity: 1;
            }
            100% {
                transform: translateX(150%); /* Halat sağa kayar (çekme) */
                opacity: 0;
            }
        }

        /* Kol ve Bacak Animasyonları */
        .arm-left, .arm-right, .leg-left, .leg-right {
            transform-origin: top;
        }
        .stickman.jump-left .arm-left,
        .stickman.jump-right .arm-right {
            animation: swingArm 0.3s ease-in-out infinite alternate;
        }
        .stickman.jump-left .arm-right,
        .stickman.jump-right .arm-left {
            animation: swingArmBack 0.3s ease-in-out infinite alternate;
        }
        .stickman.jump-left .leg-left,
        .stickman.jump-right .leg-right {
            animation: swingLeg 0.3s ease-in-out infinite alternate;
        }
        .stickman.jump-left .leg-right,
        .stickman.jump-right .leg-left {
            animation: swingLegBack 0.3s ease-in-out infinite alternate;
        }
        @keyframes swingArm {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(-30deg); }
        }
        @keyframes swingArmBack {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(30deg); }
        }
        @keyframes swingLeg {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(20deg); }
        }
        @keyframes swingLegBack {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(-20deg); }
        }