:root { scroll-behavior: smooth; }
        body { margin: 0; padding: 0; background: #F9F9F9; overflow-x: hidden; }
        
        .hero-section {
            background: linear-gradient(rgba(44, 62, 80, 0.45), rgba(44, 62, 80, 0.45)), 
                        url('https://i.pinimg.com/736x/d5/e0/a9/d5e0a9f59ffb973c4a3f973981c86631.jpg');
            background-size: cover;
            background-position: center;
            height: 100vh;
        }

        .blur-nav {
            backdrop-filter: blur(16px);
            -webkit-backdrop-filter: blur(16px);
            background: rgba(255, 255, 255, 0.85);
        }

        .glass-card {
            background: rgba(255, 255, 255, 1);
            border: 1px solid rgba(0, 0, 0, 0.05);
            transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
        }

        .glass-card:hover {
            transform: translateY(-12px) scale(1.02);
            box-shadow: 0 30px 60px -12px rgba(90, 155, 213, 0.15);
        }

        .custom-scroll::-webkit-scrollbar { width: 6px; }
        .custom-scroll::-webkit-scrollbar-track { background: #f8fafc; }
        .custom-scroll::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 10px; }

        .reveal-up { animation: revealUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards; }
        @keyframes revealUp {
            from { opacity: 0; transform: translateY(40px); }
            to { opacity: 1; transform: translateY(0); }
        }

        .game-canvas { background: #ffffff; border-radius: 24px; cursor: crosshair; }