/* Custom Paper Textures & Effects */
        body {
            background-color: #f0f0f0;
            background-image: 
                radial-gradient(#d1d5db 1px, transparent 1px),
                radial-gradient(#d1d5db 1px, transparent 1px);
            background-size: 20px 20px;
            background-position: 0 0, 10px 10px;
            font-family: 'Patrick Hand', cursive;
            overflow-x: hidden;
        }

        .paper-texture {
            background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");
        }
.text-center {
    text-align: center;
    overflow: hidden;
}

        /* Tape Effect */
        .tape-top {
            position: absolute;
            top: -15px;
            left: 50%;
            transform: translateX(-50%) rotate(-2deg);
            width: 120px;
            height: 35px;
            background-color: rgba(255, 255, 255, 0.4);
            border-left: 1px dashed rgba(0,0,0,0.1);
            border-right: 1px dashed rgba(0,0,0,0.1);
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
            z-index: 10;
            backdrop-filter: blur(2px);
        }

        /* Torn Edge Effect - Applied to Background Layer Only */
        .torn-bottom-bg {
            clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 10px), 95% 100%, 90% calc(100% - 10px), 85% 100%, 80% calc(100% - 10px), 75% 100%, 70% calc(100% - 10px), 65% 100%, 60% calc(100% - 10px), 55% 100%, 50% calc(100% - 10px), 45% 100%, 40% calc(100% - 10px), 35% 100%, 30% calc(100% - 10px), 25% 100%, 20% calc(100% - 10px), 15% 100%, 10% calc(100% - 10px), 5% 100%, 0% calc(100% - 10px));
        }
        
        /* Specific clipper for the slider bottom to blend into page */
        .torn-bottom-slider {
            clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 15px), 95% 100%, 90% calc(100% - 15px), 85% 100%, 80% calc(100% - 15px), 75% 100%, 70% calc(100% - 15px), 65% 100%, 60% calc(100% - 15px), 55% 100%, 50% calc(100% - 15px), 45% 100%, 40% calc(100% - 15px), 35% 100%, 30% calc(100% - 15px), 25% 100%, 20% calc(100% - 15px), 15% 100%, 10% calc(100% - 15px), 5% 100%, 0% calc(100% - 15px));
        }

        .torn-top {
             clip-path: polygon(0% 10px, 5% 0px, 10% 10px, 15% 0px, 20% 10px, 25% 0px, 30% 10px, 35% 0px, 40% 10px, 45% 0px, 50% 10px, 55% 0px, 60% 10px, 65% 0px, 70% 10px, 75% 0px, 80% 10px, 85% 0px, 90% 10px, 95% 0px, 100% 10px, 100% 100%, 0% 100%);
        }

        /* Notebook lines */
        .notebook-lines {
            background-image: linear-gradient(#e5e7eb 1px, transparent 1px);
            background-size: 100% 2rem;
        }

        /* Animation for Dropdown */
        .animate-fade-in {
            animation: fadeIn 0.3s ease-in-out;
        }
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(-10px); }
            to { opacity: 1; transform: translateY(0); }
        }

        /* Slider Transitions */
        .slide-image {
            transition: opacity 1.5s ease-in-out;
        }
        .slide-active {
            opacity: 1;
        }
        .slide-hidden {
            opacity: 0;
        }