:root {
    --deep-blue: #1a365d;
    --vibrant-blue: #3182ce;
    --green: #38a169;
  }
  body { font-family: 'Inter', sans-serif; scroll-behavior: smooth; }
  .gradient-bg { background: linear-gradient(135deg, #1a365d 0%, #2c5282 100%); }
  .btn-primary {
    background: var(--vibrant-blue);
    transition: background 0.3s ease;
  }
  .btn-primary:hover {
    background: #2b6cb0;
  }
  .btn-green {
    background: var(--green);
  }
  .btn-green:hover {
    background: #2f855a;
  }
  .fade-in {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease, transform 0.6s ease;
  }
  .fade-in.visible {
    opacity: 1;
    transform: translateY(0);
  }
  .accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
  }
  .accordion-content.open {
    max-height: 200px;
  }