  <style>
    body {
      transition: background 0.4s ease, color 0.4s ease;
    }
    html { scroll-behavior: smooth; }
    .zap-dark-bg { background-color: #1a1a1a; }
    .zap-green { color: #2ecc71; }
    .zap-btn-green { background-color: #2ecc71; color: #000; }
    .zap-btn-green:hover { background-color: #26b963; }
    .header-gradient { background: linear-gradient(180deg, #252525 0%, #1a1a1a 100%); }
    .container-custom { max-width: 1140px; margin: 0 auto; }
    .light-mode {
      background:
        radial-gradient(circle at 20% 0%, rgba(46,204,113,0.05), transparent 40%),
        radial-gradient(circle at 80% 100%, rgba(46,204,113,0.04), transparent 40%),
        linear-gradient(to bottom, #f7f9f8 0%, #eef3f1 100%);
      color: #333;
    }

    .dark-mode {
      background:
        radial-gradient(circle at 10% 10%, rgba(46,204,113,0.12), transparent 40%),
        radial-gradient(circle at 90% 90%, rgba(46,204,113,0.08), transparent 40%),
        linear-gradient(to bottom, #0d1117 0%, #0f141c 100%);
      color: #e5e7eb;
    }
    .dark-mode .bg-white,
    .dark-mode .bg-zinc-50,
    .dark-mode .bg-\[\#fdfdfd\] {
      background-color: #1a1d23 !important;
    }

    .dark-mode .border-zinc-200,
    .dark-mode .border-zinc-100 {
      border-color: #2a2f37 !important;
    }

    .dark-mode .text-zinc-500 {
      color: #9ca3af !important;
    }

    .dark-mode .text-zinc-700 {
      color: #d1d5db !important;
    }

    .dark-mode .text-zinc-800,
    .dark-mode .text-zinc-900 {
      color: #f3f4f6 !important;
    }
    .container-custom 
  </style>