body {
      font-family: 'Poppins', sans-serif;
    }

    .section-card {
      background: #fff;
      border-radius: 15px;
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
      padding: 40px;
      margin-bottom: 40px;
      transition: all 0.3s ease;
    }

    .section-card:hover {
      transform: translateY(-4px);
    }

    h4,
    h2,
    h3 {
      font-weight: 600;
    }

    .highlight {
      background: linear-gradient(90deg, #4a6cf7, #7b41f9);
      color: white;
      font-weight: 600;
      border-radius: 10px;
      padding: 10px 18px;
      display: inline-block;
      box-shadow: 0 4px 15px rgba(74, 108, 247, 0.3);
    }

    .table thead {
      background: #f8f9fb;
    }

    code {
      background: #f5f5f5;
      color: #e83e8c;
      padding: 4px 8px;
      border-radius: 5px;
      font-weight: 500;
    }

    .tip-box {
      background: #e7f4ff;
      border-left: 4px solid #007bff;
      padding: 15px;
      border-radius: 6px;
      color: #004b8d;
      margin-bottom: 20px;
    }

    .warn-box {
      background: #fff3cd;
      border-left: 4px solid #ffc107;
      padding: 15px;
      border-radius: 6px;
      color: #856404;
      margin-bottom: 20px;
    }

    .gradient-title {
      background: linear-gradient(90deg, #007bff, #6610f2);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }