body {
      background: linear-gradient(135deg, #f0f4ff, #e8f7ff);
      font-family: 'Segoe UI', sans-serif;
    }

    .animated-border-card {
      position: relative;
      background: white;
      border-radius: 10px;
      overflow: hidden;
    }

    .section-icon {
      background: linear-gradient(135deg, rgb(7, 135, 255), #8b5cf6);
      color: white;
      width: 60px;
      height: 60px;
      border-radius: 1rem;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 4px 15px rgba(59, 130, 246, 0.3);
    }

    .fade-in-section {
      opacity: 0;
      transform: translateY(30px);
      transition: all 0.6s ease;
    }

    .fade-in-section.visible {
      opacity: 1;
      transform: translateY(0);
    }

    .custom-list li::before {
      content: '';
      width: 10px;
      height: 10px;
      background: #ffc107;
      position: absolute;
      left: 0;
      top: 10px;
      border-radius: 50%;
    }

    .custom-list {
      padding-left: 24px;
      position: relative;
    }

    .btn-gradient {
      background: linear-gradient(135deg, #0787ff, #8b5cf6);
      color: white;
      border: none;
      padding: 12px 24px;
      font-size: 12px;
      border-radius: 8px;
      transition: 0.3s;
    }

    .btn-gradient:hover {
      background: linear-gradient(135deg, #2563eb, #7c3aed);
      transform: translateY(-3px);
      color: white
    }