/* ESSENTIAL STYLES */
    html { scroll-behavior: smooth; }
    body { font-family: 'Poppins', sans-serif; }
    .parallax-section { opacity: 0; transform: translateY(50px); transition: opacity 0.8s ease-out, transform 0.8s ease-out; }
    .parallax-section.visible { opacity: 1; transform: translateY(0); }
    .hover-scale { transition: transform 0.3s ease; }
    .hover-scale:hover { transform: scale(1.05); }
    #menu-toggle:checked ~ #menu { display: block; }
    .logo-amz { color: #f97316; }
    .logo-taimoor { color: #ffffff; }
    .theme-dark { background: linear-gradient(90deg, #6a0572, #a903fc); }
    .btn-primary { background-color: #a903fc; color: white; }
    .btn-primary:hover { background-color: #8d02d4; }

    /* UNIFIED SWIPER STYLES */
    .swiper {
      padding-bottom: 50px !important;
    }
    
    .swiper-button-next,
    .swiper-button-prev {
      color: #7c3aed !important;
      background: rgba(255, 255, 255, 0.9) !important;
      width: 44px !important;
      height: 44px !important;
      border-radius: 50% !important;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
      transition: all 0.3s ease !important;
      top: 50% !important;
      margin-top: -22px !important;
    }

    .swiper-button-next:hover,
    .swiper-button-prev:hover {
      background: rgba(255, 255, 255, 1) !important;
      transform: scale(1.1) !important;
      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2) !important;
    }

    .swiper-button-next:after,
    .swiper-button-prev:after {
      font-size: 16px !important;
      font-weight: bold !important;
    }

    .swiper-pagination {
      position: relative !important;
      margin-top: 30px !important;
      bottom: auto !important;
    }

    .swiper-pagination-bullet {
      background-color: #7c3aed !important;
      opacity: 0.4 !important;
      width: 12px !important;
      height: 12px !important;
      margin: 0 6px !important;
      transition: all 0.3s ease !important;
    }

    .swiper-pagination-bullet-active {
      background-color: #facc15 !important;
      opacity: 1 !important;
      transform: scale(1.3) !important;
    }

    .swiper-pagination-bullet:hover {
      opacity: 0.8 !important;
      transform: scale(1.1) !important;
    }

    /* Theme specific adjustments */
    .theme-dark .swiper-button-next,
    .theme-dark .swiper-button-prev {
      background: rgba(255, 255, 255, 0.95) !important;
    }

    .bg-white .swiper-button-next,
    .bg-white .swiper-button-prev {
      background: rgba(124, 58, 237, 0.1) !important;
      color: #7c3aed !important;
      border: 2px solid #7c3aed !important;
    }

    .bg-white .swiper-button-next:hover,
    .bg-white .swiper-button-prev:hover {
      background: #7c3aed !important;
      color: white !important;
    }

    /* Responsive */
    @media (max-width: 768px) {
      .swiper-button-next,
      .swiper-button-prev {
        width: 36px !important;
        height: 36px !important;
        margin-top: -18px !important;
      }
      
      .swiper-button-next:after,
      .swiper-button-prev:after {
        font-size: 14px !important;
      }
    }

.theme-amzdash {
  background: linear-gradient(135deg, #000000 0%, #2d1b69 50%, #1a0b3d 100%);
}

/* ===== ABOUT ME SECTION ===== */
.about-section { position: relative; overflow: hidden; }

/* Subtle purple glow + dot pattern background */
.about-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 20% 15%, rgba(169, 3, 252, 0.10), transparent 42%),
    radial-gradient(circle at 82% 55%, rgba(124, 58, 237, 0.10), transparent 42%),
    radial-gradient(rgba(124, 58, 237, 0.06) 1px, transparent 1px);
  background-size: auto, auto, 22px 22px;
  pointer-events: none;
  z-index: 0;
}
.about-section > * { position: relative; z-index: 1; }

/* Profile photo gradient ring + glow */
.about-photo-ring {
  display: inline-block;
  padding: 5px;
  border-radius: 9999px;
  background: linear-gradient(135deg, #a903fc, #7c3aed, #facc15);
  box-shadow: 0 0 40px rgba(169, 3, 252, 0.35);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.about-photo-ring:hover {
  transform: scale(1.04);
  box-shadow: 0 0 55px rgba(169, 3, 252, 0.55);
}
.about-photo-ring img { border: 4px solid #fff; }

/* Stat cards */
.stat-card {
  background: #ffffff;
  border: 1px solid rgba(124, 58, 237, 0.15);
  border-radius: 1rem;
  padding: 1.5rem 1rem;
  box-shadow: 0 6px 20px rgba(124, 58, 237, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.stat-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 14px 30px rgba(124, 58, 237, 0.18);
}
.stat-number { font-size: 2rem; font-weight: 800; color: #7c3aed; line-height: 1; }
.stat-label { margin-top: 0.5rem; font-size: 0.85rem; color: #6b7280; font-weight: 500; }

/* Upwork preview hero card */
.upwork-card {
  display: block;
  max-width: 900px;
  margin: 0 auto;
  border-radius: 1rem;
  overflow: hidden;
  border: 1px solid rgba(124, 58, 237, 0.15);
  box-shadow: 0 25px 60px rgba(124, 58, 237, 0.25), 0 10px 20px rgba(0, 0, 0, 0.10);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.upwork-card:hover {
  transform: translateY(-8px) scale(1.01);
  box-shadow: 0 35px 80px rgba(124, 58, 237, 0.35), 0 15px 30px rgba(0, 0, 0, 0.15);
}
.upwork-card img { display: block; width: 100%; height: auto; }

/* Upwork group — screenshot + button react together on hover */
.upwork-group:hover .upwork-card {
  transform: translateY(-8px) scale(1.01);
  box-shadow: 0 35px 80px rgba(124, 58, 237, 0.35), 0 15px 30px rgba(0, 0, 0, 0.15);
}
.upwork-group:hover .btn-primary {
  background-color: #8d02d4;
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(169, 3, 252, 0.40);
}

@media (max-width: 640px) {
  .stat-number { font-size: 1.6rem; }
}