:root { scroll-behavior: smooth; }
        body { background-color: #FFFFFF; color: #111111; font-family: 'Inter', sans-serif; overflow-x: hidden; }
        
        /* Editorial Animations */
        .reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s cubic-bezier(0.2, 1, 0.3, 1); }
        .reveal.active { opacity: 1; transform: translateY(0); }
        
        .hero-zoom { animation: heroZoom 20s infinite alternate; }
        @keyframes heroZoom { from { transform: scale(1); } to { transform: scale(1.1); } }

        .glass-nav { backdrop-filter: blur(15px); background: rgba(255, 255, 255, 0.85); }
        
        .gadget-card:hover .quick-view-btn { transform: translateY(0); opacity: 1; }
        .quick-view-btn { transform: translateY(20px); opacity: 0; transition: all 0.4s ease; }

        .btn-electric { transition: all 0.3s ease; box-shadow: 0 0 0 rgba(0, 207, 255, 0); }
        .btn-electric:hover { box-shadow: 0 0 20px rgba(0, 207, 255, 0.4); background: #00b8e6; }

        /* Custom Scrollbar */
        ::-webkit-scrollbar { width: 5px; }
        ::-webkit-scrollbar-track { background: #f1f1f1; }
        ::-webkit-scrollbar-thumb { background: #111; }

        .page-enter { animation: fadeIn 0.6s ease-out forwards; }
        @keyframes fadeIn { from { opacity: 0; transform: scale(0.99); } to { opacity: 1; transform: scale(1); } }

        .glow-dot { width: 8px; height: 8px; background: #00CFFF; border-radius: 50%; box-shadow: 0 0 10px #00CFFF; display: inline-block; margin-right: 8px; }
          .glass-nav {
    backdrop-filter: blur(10px);
    background-color: rgba(255, 255, 255, 0.05);
  }