body {
            box-sizing: border-box;
        }
        
        * {
            font-family: 'Inter', sans-serif;
        }
        
        h1, h2, h3, h4, h5, h6 {
            font-family: 'Poppins', sans-serif;
        }
        
        .hero-bg {
            background: linear-gradient(135deg, rgba(14, 17, 22, 0.7), rgba(0, 191, 166, 0.3)), 
                        url('https://i.pinimg.com/736x/0d/a7/76/0da776a6ff0adb7bdf652338078a6f00.jpg');
            background-size: cover;
            background-position: center;
            background-attachment: fixed;
        }
        
        .parallax-bg {
            background-attachment: fixed;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }
        
        .gradient-bg {
            background: linear-gradient(135deg, #00BFA6, #0078AA);
        }
        
        .fade-in {
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.8s ease-out;
        }
        
        .fade-in.visible {
            opacity: 1;
            transform: translateY(0);
        }
        
        .slide-left {
            opacity: 0;
            transform: translateX(-50px);
            transition: all 0.8s ease-out;
        }
        
        .slide-left.visible {
            opacity: 1;
            transform: translateX(0);
        }
        
        .slide-right {
            opacity: 0;
            transform: translateX(50px);
            transition: all 0.8s ease-out;
        }
        
        .slide-right.visible {
            opacity: 1;
            transform: translateX(0);
        }
        
        .zoom-hover {
            transition: transform 0.3s ease;
        }
        
        .zoom-hover:hover {
            transform: scale(1.05);
        }
        
        .product-card {
            transition: all 0.3s ease;
        }
        
        .product-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
        }
        
        .navbar-scroll {
            transition: all 0.3s ease;
        }
        
        .hero-text {
            animation: heroFadeIn 1.5s ease-out;
        }
        
        @keyframes heroFadeIn {
            0% {
                opacity: 0;
                transform: translateY(50px);
            }
            100% {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        .stagger-1 { animation-delay: 0.1s; }
        .stagger-2 { animation-delay: 0.2s; }
        .stagger-3 { animation-delay: 0.3s; }
        .stagger-4 { animation-delay: 0.4s; }
        
        .testimonial-card {
            background: linear-gradient(135deg, rgba(245, 245, 245, 0.9), rgba(255, 255, 255, 0.9));
        }
        
        .page {
            display: none;
        }
        
        .page.active {
            display: block;
        }
        
        .auth-bg {
            background: linear-gradient(135deg, rgba(0, 191, 166, 0.1), rgba(0, 120, 170, 0.1)), 
                        url('https://i.pinimg.com/564x/6d/45/0f/6d450f9bf57bd458c1e1d0086ea2f5d5.jpg');
            background-size: cover;
            background-position: center;
        }
        
        .mobile-menu {
            transform: translateX(-100%);
            transition: transform 0.3s ease;
        }
        
        .mobile-menu.open {
            transform: translateX(0);
        }