@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
        
        body {
            font-family: 'Poppins', sans-serif;
            background-color: #ffffff;
        }
        
        .gradient-text {
            background: linear-gradient(90deg, #AED9FF, #3B82F6);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
        }
        
        .hero-section {
            background: linear-gradient(135deg, #0B0F2B 0%, #1a2456 100%);
        }
        
        .product-card {
            transition: all 0.3s ease;
            border: 1px solid #e5e7eb;
        }
        
        .product-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
        }
        
        .nav-link {
            transition: all 0.3s ease;
        }
        
        .nav-link:hover {
            color: #AED9FF;
        }
        
        .btn-primary {
            transition: all 0.3s ease;
        }
        
        .btn-primary:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(174, 217, 255, 0.3);
        }
        
        .footer-link {
            transition: all 0.3s ease;
        }
        
        .footer-link:hover {
            color: #AED9FF;
            transform: translateX(5px);
        }
        
        /* Mobile Menu Styles */
        .mobile-menu {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease-out;
        }
        
        .mobile-menu.open {
            max-height: 500px;
        }
        
        /* Larger tap targets for mobile */
        .mobile-tap-target {
            padding: 12px 16px;
        }
  


    @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
    
    body {
      font-family: 'Poppins', sans-serif;
      overflow-x: hidden;
    }
    
    .gradient-text {
      background: linear-gradient(90deg, #AED9FF, #3B82F6);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
    }
    
    /* Mobile menu animation */
    .mobile-menu {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s ease-out;
    }
    
    .mobile-menu.open {
      max-height: 500px;
    }
    
    /* Card hover effects */
    .stat-card {
      transition: all 0.3s ease;
    }
    
    @media (min-width: 768px) {
      .stat-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
      }
    }
    
    .value-card {
      transition: all 0.3s ease;
    }
    
    @media (min-width: 768px) {
      .value-card:hover {
        transform: scale(1.05);
      }
    }
    
    /* Footer link hover effect */
    .footer-link:hover {
      color: #AED9FF;
      transform: translateX(5px);
    }
    
    /* Nav link hover effect */
    .nav-link:hover {
      color: #AED9FF;
    }
    
    /* Larger tap targets for mobile */
    .mobile-tap-target {
      padding: 12px 16px;
    }

    @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
    
    body {
      font-family: 'Poppins', sans-serif;
      overflow-x: hidden;
    }
    
    .gradient-text {
      background: linear-gradient(90deg, #AED9FF, #3B82F6);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
    }
    
    /* Mobile menu animation */
    .mobile-menu {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s ease-out;
    }
    
    .mobile-menu.open {
      max-height: 500px;
    }
    
    /* Auth tab styling */
    .auth-tab {
      transition: all 0.3s ease;
      cursor: pointer;
    }
    
    .auth-tab.active {
      background-color: #0B0F2B;
      color: white;
    }
    
    .auth-form {
      display: none;
    }
    
    .auth-form.active {
      display: block;
    }
    
    /* Form input focus */
    .form-input:focus {
      border-color: #AED9FF;
      box-shadow: 0 0 0 2px rgba(174, 217, 255, 0.3);
    }
    
    /* Nav link hover effect */
    .nav-link:hover {
      color: #AED9FF;
    }
    
    /* Footer link hover effect */
    .footer-link:hover {
      color: #AED9FF;
      transform: translateX(5px);
    }
    
    /* Larger tap targets for mobile */
    .mobile-tap-target {
      padding: 12px 16px;
    }


    @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
    
    body {
      font-family: 'Poppins', sans-serif;
      overflow-x: hidden;
    }
    
    .gradient-text {
      background: linear-gradient(90deg, #AED9FF, #3B82F6);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
    }
    
    .line-clamp-2 {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }
    
    .scrollbar-hide::-webkit-scrollbar {
      display: none;
    }
    
    .scrollbar-hide {
      -ms-overflow-style: none;
      scrollbar-width: none;
    }
    
    /* Mobile menu animation */
    .mobile-menu {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s ease-out;
    }
    
    .mobile-menu.open {
      max-height: 500px;
    }
    
    /* Cart modal animations */
    .cart-modal {
      transition: all 0.3s ease;
      opacity: 0;
      visibility: hidden;
      transform: translateY(20px);
    }
    
    .cart-modal.open {
      opacity: 1;
      visibility: visible;
      transform: translateY(0);
    }
    
    .cart-overlay {
      transition: all 0.3s ease;
      opacity: 0;
      visibility: hidden;
    }
    
    .cart-overlay.open {
      opacity: 1;
      visibility: visible;
    }
    
    /* Cart badge animation */
    .cart-badge {
      transition: all 0.3s ease;
    }
    
    .cart-badge.active {
      transform: scale(1.2);
      background-color: #3B82F6;
    }
    
    /* Product card hover effect */
    .product-card {
      transition: all 0.3s ease;
    }
    
    @media (min-width: 768px) {
      .product-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
      }
    }
    
    /* Category button hover effect */
    .category-btn {
      transition: all 0.3s ease;
    }
    
    .category-btn:hover {
      transform: translateY(-2px);
    }
    
    /* Footer link hover effect */
    .footer-link:hover {
      color: #AED9FF;
      transform: translateX(5px);
    }
    
    /* Nav link hover effect */
    .nav-link:hover {
      color: #AED9FF;
    }
    
    /* Search input focus effect */
    .search-input:focus {
      outline: none;
      box-shadow: 0 0 0 2px rgba(174, 217, 255, 0.5);
    }
    
    /* Cart item hover effect */
    .cart-item:hover {
      background-color: #f8fafc;
    }
    
    /* Quantity button hover effect */
    .quantity-btn:hover {
      background-color: #e2e8f0;
    }
    
    /* Larger tap targets for mobile */
    .mobile-tap-target {
      padding: 12px 16px;
    }


    .password-strength-meter {
    width: 100%;
    height: 4px;
    background-color: #e2e8f0;
    border-radius: 2px;
    overflow: hidden;
    margin-top: 4px;
}

.strength-meter-fill {
    height: 100%;
    width: 0%;
    transition: width 0.3s ease, background-color 0.3s ease;
}