body {
            font-family: 'Poppins', sans-serif;
            overflow-x: hidden;
            background-color: #ffffff;
        }
        h1, h2, h3, h4, h5, h6 {
            font-family: 'Baloo 2', cursive;
        }
        .blob-bg {
            background-image: radial-gradient(#3EC6FF 1px, transparent 1px), radial-gradient(#FFD93D 1px, transparent 1px);
            background-size: 40px 40px;
            background-position: 0 0, 20px 20px;
            opacity: 0.1;
        }
        .card-hover {
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }
        .card-hover:hover {
            transform: translateY(-8px) scale(1.02);
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        }
        
        /* Game Canvas Styles */
        #game-canvas-container {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(45, 55, 72, 0.95);
            z-index: 60;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            backdrop-filter: blur(10px);
        }
        canvas {
            background: white;
            border-radius: 20px;
            box-shadow: 0 0 50px rgba(62, 198, 255, 0.4);
            max-width: 95vw;
            max-height: 80vh;
        }
        
        /* Custom Scrollbar */
        ::-webkit-scrollbar {
            width: 12px;
        }
        ::-webkit-scrollbar-track {
            background: #FFF5F7; 
        }
        ::-webkit-scrollbar-thumb {
            background: #FF6FB5; 
            border-radius: 6px;
            border: 3px solid #FFF5F7;
        }
        ::-webkit-scrollbar-thumb:hover {
            background: #FF8C42; 
        }