.elementor-96632 .elementor-element.elementor-element-7594645{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}/* Start custom CSS for html, class: .elementor-element-42708f8 */*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

    :root {
      --accent: #6c63fe;
      --accent-light: #ece9ff;
      --text: #111111;
      --muted: #555;
      --bg: #fafafa;
    }
body {
  /* remove display:flex, align-items, justify-content */
}

.thank-you-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 60vh;
  padding: 2rem;
}

    /* Subtle background decoration */
    body::before {
      content: '';
      position: fixed;
      top: -200px;
      right: -200px;
      width: 600px;
      height: 600px;
      background: radial-gradient(circle, rgba(108,99,254,0.08) 0%, transparent 70%);
      border-radius: 50%;
      pointer-events: none;
    }

    body::after {
      content: '';
      position: fixed;
      bottom: -150px;
      left: -150px;
      width: 400px;
      height: 400px;
      background: radial-gradient(circle, rgba(108,99,254,0.06) 0%, transparent 70%);
      border-radius: 50%;
      pointer-events: none;
    }

    .card {
      background: #fff;
      border-radius: 24px;
      padding: 4rem 3.5rem;
      max-width: 520px;
      width: 100%;
      text-align: center;
      box-shadow: 0 4px 6px rgba(0,0,0,0.04), 0 20px 60px rgba(108,99,254,0.08);
      position: relative;
      opacity: 0;
      transform: translateY(24px);
      animation: fadeUp 0.7s cubic-bezier(0.22,1,0.36,1) 0.1s forwards;
    }

    @keyframes fadeUp {
      to { opacity: 1; transform: translateY(0); }
    }

    /* Check circle */
    .check-wrap {
      width: 90px;
      height: 90px;
      margin: 0 auto 2rem;
      position: relative;
    }

    .check-bg {
      width: 90px;
      height: 90px;
      border-radius: 50%;
      background: var(--accent-light);
      display: flex;
      align-items: center;
      justify-content: center;
      animation: popIn 0.5s cubic-bezier(0.34,1.56,0.64,1) 0.6s both;
    }

    @keyframes popIn {
      from { transform: scale(0); opacity: 0; }
      to { transform: scale(1); opacity: 1; }
    }

    .check-icon {
      width: 44px;
      height: 44px;
    }

    .check-icon circle {
      fill: var(--accent);
    }

    /* Animated checkmark path */
    .check-icon .tick {
      fill: none;
      stroke: #fff;
      stroke-width: 3;
      stroke-linecap: round;
      stroke-linejoin: round;
      stroke-dasharray: 30;
      stroke-dashoffset: 30;
      animation: drawTick 0.4s ease 1s forwards;
    }

    @keyframes drawTick {
      to { stroke-dashoffset: 0; }
    }

    .tag {
      display: inline-block;
      font-size: 0.7rem;
      font-weight: 600;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: var(--accent);
      background: var(--accent-light);
      padding: 0.3rem 0.85rem;
      border-radius: 100px;
      margin-bottom: 1.25rem;
      opacity: 0;
      animation: fadeUp 0.5s ease 0.8s forwards;
    }

    h1 {
      font-family: 'DM Serif Display', serif;
      font-size: 2.2rem;
      color: var(--text);
      line-height: 1.2;
      margin-bottom: 1rem;
      opacity: 0;
      animation: fadeUp 0.5s ease 0.9s forwards;
    }

    p {
      font-size: 1rem;
      color: var(--muted);
      line-height: 1.7;
      opacity: 0;
      animation: fadeUp 0.5s ease 1s forwards;
    }

    .divider {
      width: 40px;
      height: 3px;
      background: var(--accent);
      border-radius: 4px;
      margin: 1.75rem auto;
      opacity: 0;
      animation: fadeUp 0.5s ease 1.05s forwards;
    }

    .meta {
      font-size: 0.88rem;
      color: var(--muted);
      opacity: 0;
      animation: fadeUp 0.5s ease 1.1s forwards;
    }

    .btn {
      display: inline-block;
      margin-top: 2rem;
      padding: 0.8rem 2rem;
      background: var(--accent);
      color: #fff;
      border-radius: 100px;
      font-size: 0.9rem;
      font-weight: 600;
      text-decoration: none;
      letter-spacing: 0.01em;
      transition: transform 0.2s, box-shadow 0.2s;
      opacity: 0;
      animation: fadeUp 0.5s ease 1.2s forwards;
    }

    .btn:hover {
      transform: translateY(-2px);
      box-shadow: 0 8px 24px rgba(108,99,254,0.35);
    }

    @media (max-width: 480px) {
      .card { padding: 3rem 2rem; }
      h1 { font-size: 1.8rem; }
    }/* End custom CSS */