html {
        color-scheme: dark;
      }
      body {
        font-family: Causten, system-ui, sans-serif;
      }
      .section-pad {
        padding-top: 5rem;
        padding-bottom: 5rem;
      }
      @media (min-width: 768px) {
        .section-pad {
          padding-top: 6rem;
          padding-bottom: 6rem;
        }
      }
      @media (min-width: 1024px) {
        .section-pad {
          padding-top: 7.5rem;
          padding-bottom: 7.5rem;
        }
      }

      .glass {
        background: rgba(0, 30, 40, 0.55);
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
        border: 1px solid rgba(94, 196, 219, 0.15);
        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25);
      }
      .glass-nav {
        background: rgba(6, 13, 16, 0.82);
        backdrop-filter: blur(16px);
        border-bottom: 1px solid rgba(94, 196, 219, 0.1);
      }
      .glass-panel {
        background: linear-gradient(
          145deg,
          rgba(0, 104, 133, 0.25),
          rgba(0, 20, 28, 0.8)
        );
        border: 1px solid rgba(0, 104, 133, 0.25);
      }

      .btn-primary {
        background: #006885;
        color: #fff;
        transition:
          transform 0.2s,
          box-shadow 0.2s,
          background 0.2s;
      }
      .btn-primary:hover {
        background: #004052;
        transform: scale(1.05);
        box-shadow: 0 12px 28px rgba(0, 104, 133, 0.35);
      }
      .btn-pulse {
        animation: pulse-cta 2.5s ease-in-out infinite;
      }
      @keyframes pulse-cta {
        0%,
        100% {
          box-shadow: 0 0 0 0 rgba(0, 104, 133, 0.45);
        }
        50% {
          box-shadow: 0 0 0 12px rgba(0, 104, 133, 0);
        }
      }

      .fade-in {
        opacity: 0;
        transform: translateY(24px);
        transition:
          opacity 0.7s ease,
          transform 0.7s ease;
      }
      .fade-in.visible {
        opacity: 1;
        transform: translateY(0);
      }

      .bg-mesh {
        background-color: #060d10;
        background-image:
          radial-gradient(
            at 20% 20%,
            rgba(0, 104, 133, 0.2) 0,
            transparent 50%
          ),
          radial-gradient(at 80% 10%, rgba(0, 64, 82, 0.25) 0, transparent 45%),
          radial-gradient(
            at 50% 100%,
            rgba(0, 104, 133, 0.12) 0,
            transparent 50%
          );
      }
      .bg-alt {
        background: #0a1418;
      }

      input:focus,
      select:focus,
      textarea:focus {
        outline: none;
        border-color: #006885;
        box-shadow: 0 0 0 3px rgba(0, 104, 133, 0.2);
      }
      .faq-content {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.35s ease;
      }
      .faq-item.open .faq-content {
        max-height: 400px;
      }
      .faq-item.open .faq-chevron {
        transform: rotate(180deg);
      }

      #mobile-menu {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease;
      }
      #mobile-menu.open {
        max-height: 320px;
      }