body {
            background-color: #FFFDF5;
            background-image: radial-gradient(#FF8A80 1px, transparent 1px), radial-gradient(#4FC3F7 1px, transparent 1px);
            background-size: 40px 40px;
            background-position: 0 0, 20px 20px;
            background-attachment: fixed;
        }

        /* Animations */
        @keyframes float {
            0% { transform: translateY(0px); }
            50% { transform: translateY(-10px); }
            100% { transform: translateY(0px); }
        }
        
        @keyframes wiggle {
            0%, 100% { transform: rotate(-3deg); }
            50% { transform: rotate(3deg); }
        }

        /* Toy Button Styling */
        .btn-toy {
            transition: all 0.1s ease;
            box-shadow: 0px 8px 0px rgba(0,0,0,0.15);
        }
        .btn-toy:active {
            transform: translateY(6px);
            box-shadow: 0px 2px 0px rgba(0,0,0,0.15);
        }

        /* Page Transitions */
        .page-section {
            display: none;
            opacity: 0;
            transition: opacity 0.4s ease-in-out;
        }
        .page-section.active {
            display: block;
            opacity: 1;
            animation: slideUp 0.5s ease-out;
        }

        @keyframes slideUp {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }

        /* Custom Scrollbar */
        ::-webkit-scrollbar {
            width: 14px;
        }
        ::-webkit-scrollbar-track {
            background: #FFF8E1;
        }
        ::-webkit-scrollbar-thumb {
            background: #FFB74D;
            border-radius: 10px;
            border: 4px solid #FFF8E1;
        }

        /* Portfolio Image Hover */
        .portfolio-img {
            transition: transform 0.3s ease;
        }
        .portfolio-img:hover {
            transform: scale(1.05) rotate(1deg);
        }