:root { scroll-behavior: smooth; }
        .glass { background: rgba(255, 255, 255, 0.9); backdrop-filter: blur(16px); }
        .hero-pattern { background-image: radial-gradient(circle at 2px 2px, rgba(30, 58, 138, 0.05) 1px, transparent 0); background-size: 40px 40px; }
        .card-glow { transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1); border: 1px solid rgba(226, 232, 240, 1); }
        .card-glow:hover { transform: translateY(-12px); border-color: #10B981; box-shadow: 0 40px 80px -20px rgba(30, 58, 138, 0.15); }
        .animate-reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s ease-out; }
        .animate-reveal.visible { opacity: 1; transform: translateY(0); }
        
        #game-canvas { cursor: crosshair; background: linear-gradient(to bottom, #1e3a8a, #0f172a); border-radius: 2rem; }
        
        .nav-underline { position: relative; }
        .nav-underline::after { content: ''; position: absolute; width: 0; height: 2px; bottom: -4px; left: 0; background: #10B981; transition: width 0.3s ease; }
        .nav-underline:hover::after { width: 100%; }

        ::-webkit-scrollbar { width: 8px; }
        ::-webkit-scrollbar-track { background: #f1f5f9; }
        ::-webkit-scrollbar-thumb { background: #1e3a8a; border-radius: 10px; }