/* stefanpressconsulting.com - the guest's "you are leaving" question (spc_leave_dialog(), assets/leave.js): a small
   animated Lanai mark on top, BACK and CONTINUE. The glass of the ATS / crew figures; still for reduced motion. */

  .leave {
    width: min(420px, calc(100vw - 32px)); margin: auto; padding: 26px 26px 22px; text-align: center;
    color: var(--text); border-radius: 24px; border: 1px solid rgba(74, 240, 255, 0.28);
    background:
      radial-gradient(120% 90% at 50% 0%, rgba(74, 240, 255, 0.14), transparent 60%),
      radial-gradient(100% 90% at 100% 100%, rgba(160, 107, 255, 0.16), transparent 60%),
      rgba(10, 14, 28, 0.96);
    box-shadow: 0 40px 100px -30px rgba(0, 0, 0, 0.9), 0 0 60px -20px rgba(74, 240, 255, 0.4),
      inset 0 1px 0 rgba(255, 255, 255, 0.08);
  }
  .leave::backdrop { background: rgba(3, 5, 12, 0.66); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
  .leave[open] { animation: leave-in .38s cubic-bezier(.2, .9, .25, 1.15); }
  @keyframes leave-in { from { opacity: 0; transform: translateY(10px) scale(.96); } to { opacity: 1; transform: none; } }
  .leave-mark { margin: 0 0 12px; font-size: 30px; font-weight: 800; letter-spacing: -0.02em; color: #fff; line-height: 1.1; }
  .leave-title { margin: 0 0 8px; font-size: 19px; font-weight: 750; letter-spacing: -0.015em; color: #fff; }
  .leave-title span { color: var(--cyan); }
  .leave-text { margin: 0 0 20px; font-size: 14px; line-height: 1.55; color: var(--muted); }
  .leave-actions { display: flex; gap: 10px; justify-content: center; }
  .leave-actions .btn {                  /* BACK (a button) and CONTINUE (a link) as twins - the global button is full width */
    flex: 1 1 0; width: auto; max-width: 11em; margin: 0; padding: 11px 16px; justify-content: center; text-align: center;
    font-size: 13.5px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase;
  }

  @media (prefers-reduced-motion: reduce) {
    .leave[open] { animation: none; }
  }