.contact-success-overlay {
      position: fixed;
      inset: 0;
      z-index: 1200;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 1.25rem;
      background: rgba(6, 7, 12, 0.72);
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
      opacity: 0;
      visibility: hidden;
      transition: opacity 0.28s var(--ease), visibility 0.28s var(--ease);
    }

    .contact-success-overlay.is-open {
      opacity: 1;
      visibility: visible;
    }

    .contact-success-modal {
      width: min(100%, 26rem);
      padding: 1.75rem 1.5rem 1.4rem;
      border-radius: 22px;
      border: 1px solid var(--border);
      background: var(--surface);
      box-shadow: 0 28px 70px rgba(0, 0, 0, 0.45);
      text-align: center;
      transform: translateY(14px) scale(0.98);
      transition: transform 0.32s var(--ease);
    }

    .contact-success-overlay.is-open .contact-success-modal {
      transform: translateY(0) scale(1);
    }

    .contact-success-icon {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 3.1rem;
      height: 3.1rem;
      margin-bottom: 0.95rem;
      border-radius: 50%;
      background: color-mix(in srgb, #34d399 18%, transparent);
      color: #34d399;
    }

    .contact-success-modal h2 {
      margin: 0 0 0.55rem;
      font-family: var(--font-display);
      font-size: 1.35rem;
      font-weight: 800;
      letter-spacing: -0.02em;
      color: var(--heading);
    }

    .contact-success-modal p {
      margin: 0 0 1.35rem;
      font-size: 0.95rem;
      line-height: 1.55;
      color: var(--body);
    }

    .contact-success-actions {
      display: flex;
      flex-direction: column;
      gap: 0.65rem;
    }

    .contact-success-actions .btn {
      width: 100%;
      justify-content: center;
    }

    @media (prefers-reduced-motion: reduce) {
      .contact-success-overlay,
      .contact-success-modal {
        transition: none;
      }
    }