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


    /* Sticky Header Styles */
    .sticky-header {
      transition: all 0.3s ease;
    }

    .sticky-header.scrolled {
      background-color: rgba(11, 17, 32, 0.95);
      backdrop-filter: blur(10px);
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    }

    /* Menu Animation */
    #mobile-menu.menu-open {
      transform: translateX(0);
    }

    #mobile-menu-overlay.menu-open {
      opacity: 1;
      visibility: visible;
    }

    /* Prevent body scroll when menu is open */
    body.menu-open {
      overflow: hidden;
    }


    .send-btn {

      box-shadow: 0 18px 40px rgba(37, 99, 235, .35) !important;
    }


    /* Gold Theme Color Variables */
    :root {
      --gold-primary: #caa34a;
      --gold-hover: #b8923d;
      --gold-light: #e5d4a3;
      --gold-dark: #a17d2e;
    }

    /* Update existing color references to gold */
    .bg-\[\#E0DDFF\] {
      background-color: #f5e6c8 !important;
    }

    .text-\[\#393186\],
    .text-\[\#5647E5\] {
      color: var(--gold-primary) !important;
    }

    .bg-\[\#393186\],
    .bg-primary {
      background-color: var(--gold-primary) !important;
    }

    .hover\:bg-\[\#2B208F\]:hover {
      background-color: var(--gold-hover) !important;
    }

    .border-\[\#393186\] {
      border-color: var(--gold-primary) !important;
    }

    .text-\[\#1E1481\] {
      color: var(--gold-dark) !important;
    }

    .hover\:text-\[\#1E1481\]:hover {
      color: var(--gold-dark) !important;
    }

    .hover\:border-\[\#393186\]:hover {
      border-color: var(--gold-primary) !important;
    }

    /* Focus Ring Gold Color */
    .focus\:ring-primary:focus,
    .focus\:border-primary:focus {
      --tw-ring-color: var(--gold-primary);
      border-color: var(--gold-primary);
    }