body {
      background: #f8f9fa;
      overflow-x: hidden;
      position: relative;
    }

    /* Floating Background Icons */
    .floating-icons i {
      position: absolute;
      font-size: 2rem;
      opacity: 0.3;
      animation: float-up 20s infinite ease-in-out;
    }

    @keyframes float-up {
      0% { transform: translateY(0) rotate(0deg); opacity: 0.3; }
      100% { transform: translateY(-1200px) rotate(360deg); opacity: 0; }
    }

    .services-section {
      position: relative;
      padding: 60px 0;
      z-index: 2;
    }

    .service-card {
      background: #fff;
      border-radius: 1rem;
      box-shadow: 0 6px 20px rgba(0,0,0,0.08);
      padding: 30px;
      margin-bottom: 40px;
      transition: all 0.4s ease;
      position: relative;
      min-height: 380px;
    }

    /* Hover Effects */
    .service-card.frontend:hover {
      background: #e7f1ff;
      box-shadow: 0 10px 25px rgba(13,110,253,0.2);
    }
    .service-card.backend:hover {
      background: #f2e6ff;
      box-shadow: 0 10px 25px rgba(102,16,242,0.2);
    }
    .service-card.kids1:hover {
      background: #e6f9f4;
      box-shadow: 0 10px 25px rgba(32,201,151,0.2);
    }
    .service-card.kids2:hover {
      background: #fff8e5;
      box-shadow: 0 10px 25px rgba(255,193,7,0.2);
    }
    .service-card.business:hover {
      background: #f2e6ff;
      box-shadow: 0 10px 25px rgba(25,135,84,0.2);
    }

    /* Icon */
    .service-icon {
      width: 70px;
      height: 70px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 2rem;
      color: #fff;
      margin-bottom: 15px;
    }
    .icon-frontend { background: #0d6efd; }
    .icon-backend { background: #6610f2; }
    .icon-kids1 { background: #20c997; }
    .icon-kids2 { background: #ffc107; color: #000; }
    .icon-business { background: #198754; }

    .service-card h4 {
      font-weight: 600;
      margin-bottom: 10px;
      color: #0d6efd;
    }
    .service-card p {
      color: #6c757d;
    }

    /* Custom List */
    .custom-list {
      list-style: none;
      padding-left: 0;
      margin-top: 10px;
    }
    .custom-list li {
      font-size: 0.95rem;
      margin-bottom: 8px;
    }
    .custom-list li::before {
      content: "✔️ ";
      margin-right: 6px;
      color: #198754;
    }

    /* Detail Text */
    .detail-text {
      margin-top: 15px;
      font-size: 0.95rem;
      line-height: 1.6;
      color: #495057;
    }

    /* Button */
    .service-btn {
      position: absolute;
      bottom: 20px;
      right: 20px;
    }