*,
    *::before,
    *::after {
      box-sizing: border-box
    }

    body {
      font-family: 'DM Sans', sans-serif;
      background: #0c0a09;
      color: #f5f0eb
    }

    .cta-glow {
      background: linear-gradient(135deg, #d4882e, #c06d21, #dfa04e);
      background-size: 200% 200%;
      animation: glowShift 3s ease infinite
    }

    @keyframes glowShift {

      0%,
      100% {
        background-position: 0% 50%
      }

      50% {
        background-position: 100% 50%
      }
    }

    .reveal {
      opacity: 0;
      transform: translateY(40px);
      transition: opacity .8s cubic-bezier(.22, 1, .36, 1), transform .8s cubic-bezier(.22, 1, .36, 1)
    }

    .reveal.visible {
      opacity: 1;
      transform: translateY(0)
    }

    .glass-card {
      background: rgba(255, 255, 255, .04);
      border: 1px solid rgba(255, 255, 255, .08);
      backdrop-filter: blur(10px)
    }

    @keyframes pulse-ring {
      0% {
        box-shadow: 0 0 0 0 rgba(212, 136, 46, .5)
      }

      70% {
        box-shadow: 0 0 0 15px rgba(212, 136, 46, 0)
      }

      100% {
        box-shadow: 0 0 0 0 rgba(212, 136, 46, 0)
      }
    }

    .pulse-cta {
      animation: pulse-ring 2.5s cubic-bezier(.455, .03, .515, .955) infinite
    }

    .modal-backdrop {
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px)
    }

    .timeline-line {
      position: absolute;
      left: 50%;
      top: 0;
      bottom: 0;
      width: 2px;
      background: linear-gradient(to bottom, transparent, #d4882e, transparent)
    }

    @media(max-width:767px) {
      .timeline-line {
        left: 20px
      }
    }

    .step-dot {
      width: 14px;
      height: 14px;
      border-radius: 50%;
      background: #d4882e;
      border: 3px solid #0c0a09;
      box-shadow: 0 0 20px rgba(212, 136, 46, .4);
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      top: 0;
      z-index: 2
    }

    @media(max-width:767px) {
      .step-dot {
        left: 20px
      }
    }

    /* RTL / Arabic font support */
    .lang-ar {
      font-family: 'Cairo', 'DM Sans', sans-serif
    }

    .lang-ar .font-heading {
      font-family: 'Cairo', serif
    }

    .lang-ar .font-accent {
      font-family: 'Cairo', sans-serif
    }