* {
   transition: all 0.3s ease !important;
   /* YEH LINE ADD KARO */
  }
  
  body {
   font-family: 'Inter', sans-serif;
   background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
   min-height: 100vh;
  }
  
  h1,
  h2,
  h3,
  h4 {
   font-family: 'Poppins', sans-serif;
  }
  
  /* Project Card Hover */
  .project-card {
   transition: all 0.3s ease !important;
  }
  
  .project-card:hover {
   transform: translateY(-5px);
   box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.15);
  }
  
  /* Discount Badge */
  .discount-badge {
   position: absolute;
   top: 15px;
   right: -35px;
   background: linear-gradient(135deg, #ef4444, #dc2626);
   color: white;
   padding: 8px 40px;
   font-size: 14px;
   font-weight: 800;
   transform: rotate(45deg);
   box-shadow: 0 4px 12px rgba(239, 68, 68, 0.3);
   z-index: 20;
   border: 2px solid white;
   transition: transform 0.3s ease !important;
   /* ADD */
  }
  
  .project-card:hover .discount-badge {
   transform: rotate(45deg) scale(1.05);
   /* ADD */
  }
  
  /* Price Strikethrough */
  .original-price {
   position: relative;
   transition: all 0.3s ease !important;
   /* ADD */
  }
  
  .original-price::after {
   content: '';
   position: absolute;
   left: 0;
   top: 50%;
   width: 100%;
   height: 2px;
   background: #ef4444;
   transform: rotate(-10deg);
   transition: all 0.3s ease !important;
   /* ADD */
  }
  
  /* Buttons */
  .btn-buy-project {
   background: linear-gradient(135deg, #10b981, #059669);
   transition: all 0.3s ease !important;
   /* ADD */
  }
  
  .btn-buy-project:hover {
   background: linear-gradient(135deg, #059669, #047857);
   transform: translateY(-2px);
  }
  
  .btn-whatsapp {
   background: linear-gradient(135deg, #22c55e, #16a34a);
   transition: all 0.3s ease !important;
   /* ADD */
  }
  
  .btn-whatsapp:hover {
   background: linear-gradient(135deg, #16a34a, #15803d);
   transform: translateY(-2px);
  }
  
  /* Project Image */
  .project-image-container {
   height: 180px;
   overflow: hidden;
   transition: all 0.3s ease !important;
   /* ADD */
  }
  
  .project-image {
   width: 100%;
   height: 100%;
   object-fit: cover;
   transition: transform 0.5s ease !important;
   /* ADD */
  }
  
  .project-card:hover .project-image {
   transform: scale(1.05);
  }
  
  /* Modal Background */
  .modal-bg {
   background: rgba(0, 0, 0, 0.5);
   transition: opacity 0.3s ease !important;
   /* ADD */
  }
  
  /* ===== CUSTOM FOCUS STYLES ===== */
  
  /* Remove default orange outline globally */
  *:focus {
   outline: none !important;
   transition: all 0.3s ease !important;
   /* ADD */
  }
  
  /* Custom focus for all inputs */
  input:focus,
  textarea:focus,
  select:focus,
  button:focus {
   outline: none !important;
   border-color: #2563eb !important;
   box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15) !important;
   transition: all 0.3s ease !important;
   /* KEEP */
  }
  
  /* Search bar - special focus */
  #searchInput:focus {
   border-color: #7c3aed !important;
   box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.2) !important;
   transform: translateY(-1px);
  }
  
  /* Modal form inputs - green focus */
  #requestName:focus,
  #requestEmail:focus,
  #requestPhone:focus,
  #requestMessage:focus {
   border-color: #059669 !important;
   box-shadow: 0 0 0 3px rgba(5, 150, 105, 0.2) !important;
   background-color: #f9fafb;
  }
  
  /* Button focus styles */
  .btn-buy-project:focus,
  .btn-whatsapp:focus {
   transform: translateY(-2px);
   box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.4) !important;
  }
  
  /* Filter button focus (if any in future) */
  button.filter-chip:focus {
   border-color: #2563eb;
   box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.2);
   background-color: #eff6ff;
  }
  
  /* Dropdown/Select focus */
  select:focus {
   background-color: #f8fafc;
  }
  
  /* Link focus for accessibility */
  a:focus {
   outline: none;
   box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.2);
   border-radius: 6px;
   transition: all 0.3s ease !important;
   /* ADD */
  }
  
  /* Form submit button focus */
  button[type="submit"]:focus {
   box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.3) !important;
   transform: translateY(-1px);
  }
  
  /* Cancel button focus */
  button[type="button"]:focus {
   box-shadow: 0 0 0 3px rgba(107, 114, 128, 0.2) !important;
  }
  
  /* Mobile menu button focus */
  #menuBtn:focus {
   box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.3);
   border-radius: 8px;
  }
  
  /* ===== ENHANCED INPUT STYLES ===== */
  
  /* Base input styles */
  input,
  textarea,
  select {
   border: 1px solid #d1d5db;
   border-radius: 0.5rem;
   padding: 0.75rem 1rem;
   font-family: 'Inter', sans-serif;
   font-size: 0.95rem;
   color: #374151;
   background-color: white;
   transition: all 0.3s ease !important;
   /* CHANGE: 0.25s to 0.3s */
  }
  
  /* Input hover state */
  input:hover,
  textarea:hover,
  select:hover {
   border-color: #9ca3af;
   background-color: #f9fafb;
  }
  
  /* Placeholder color */
  ::placeholder {
   color: #9ca3af;
   opacity: 1;
  }
  
  /* Textarea specific */
  textarea {
   resize: vertical;
   min-height: 100px;
   line-height: 1.5;
  }
  
  /* Select dropdown arrow */
  select {
   appearance: none;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");
   background-repeat: no-repeat;
   background-position: right 0.75rem center;
   background-size: 1.25rem;
   padding-right: 2.5rem;
   transition: all 0.3s ease !important;
   /* ADD */
  }
  
  /* Select focus */
  select:focus {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%232563eb'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");
  }
  
  /* ===== VALIDATION STATES ===== */
  
  /* Valid input */
  input:valid:focus,
  textarea:valid:focus {
   border-color: #10b981;
   box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.2);
  }
  
  /* Invalid input */
  input:invalid:focus,
  textarea:invalid:focus {
   border-color: #ef4444;
   box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.2);
  }
  
  /* Required field indicator */
  input:required:after,
  textarea:required:after {
   content: " *";
   color: #ef4444;
  }
  
  /* ===== RESPONSIVE FOCUS STYLES ===== */
  
  @media (max-width: 768px) {
   
   input:focus,
   textarea:focus,
   select:focus {
    box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.2) !important;
   }
   
   .btn-buy-project:focus,
   .btn-whatsapp:focus {
    box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.4) !important;
   }
   
   /* Mobile transitions */
   .project-card {
    transition: all 0.25s ease !important;
   }
  }
  
  /* ===== ANIMATIONS ===== */
  
  @keyframes pulse-focus {
   
   0%,
   100% {
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15);
   }
   
   50% {
    box-shadow: 0 0 0 5px rgba(37, 99, 235, 0.1);
   }
  }
  
  /* For keyboard navigation focus */
  input:focus-visible,
  button:focus-visible,
  a:focus-visible {
   animation: pulse-focus 2s infinite;
  }
  
  /* ===== ACCESSIBILITY ===== */
  
  /* High contrast mode support */
  @media (prefers-contrast: high) {
   
   input:focus,
   textarea:focus,
   select:focus {
    border-width: 2px;
    border-color: #000000;
    box-shadow: 0 0 0 3px #ffff00 !important;
   }
  }
  
  /* Reduced motion support */
  @media (prefers-reduced-motion: reduce) {
   * {
    transition: none !important;
    animation: none !important;
   }
   
   input:focus,
   textarea:focus,
   select:focus {
    transition: none !important;
   }
   
   .project-card:hover {
    transform: none !important;
   }
   
   .project-image {
    transition: none !important;
   }
  }
  
  /* ===== DARK MODE SUPPORT ===== */
  
  @media (prefers-color-scheme: dark) {
   
   input:focus,
   textarea:focus,
   select:focus {
    border-color: #60a5fa;
    box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.3);
    background-color: #1f2937;
    color: #f3f4f6;
    transition: all 0.3s ease !important;
   }
   
   #searchInput:focus {
    border-color: #a78bfa;
    box-shadow: 0 0 0 3px rgba(167, 139, 250, 0.3);
   }
   
   #requestName:focus,
   #requestEmail:focus,
   #requestPhone:focus,
   #requestMessage:focus {
    border-color: #34d399;
    box-shadow: 0 0 0 3px rgba(52, 211, 153, 0.3);
   }
  }
  
  /* ===== EXTRA SMOOTH TRANSITIONS ===== */
  
  /* Navbar links */
  nav a {
   transition: all 0.3s ease !important;
  }
  
  /* Stats cards */
  .bg-white {
   transition: all 0.3s ease !important;
  }
  
  /* Tech tags */
  .px-3.py-1.bg-blue-100,
  .px-3.py-1.bg-purple-100,
  .px-3.py-1.bg-green-100,
  .px-3.py-1.bg-gray-100 {
   transition: all 0.3s ease !important;
  }
  
  /* WhatsApp float button */
  .fixed.bottom-5.right-5 {
   transition: all 0.3s ease !important;
  }
  
  /* Modal */
  #requestModal {
   transition: opacity 0.3s ease !important;
  }
  
  /* Info note box */
  .bg-yellow-50 {
   transition: all 0.3s ease !important;
  }
  
  /* Price display */
  .text-2xl.font-bold {
   transition: color 0.3s ease !important;
  }