.exit-popup {
 position: fixed;
 inset: 0;
 z-index: 999;
 display: none;
 align-items: center;
 justify-content: center;
 padding: 20px;
 }
.exit-popup.is-open { display: flex; }
.exit-popup-backdrop {
 position: absolute;
 inset: 0;
 background: color-mix(in srgb, var(--ink) 70%, transparent);
 backdrop-filter: blur(8px);
 animation: fadeIn 400ms var(--ease-lux);
 }
.exit-popup-card {
 position: relative;
 background: var(--bg);
 border-radius: 24px;
 max-width: 520px;
 width: 100%;
 padding: clamp(28px, 4vw, 48px);
 box-shadow: 0 60px 120px -30px color-mix(in srgb, var(--ink) 50%, transparent);
 animation: popUp 500ms var(--ease-lux);
 }
 @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
 @keyframes popUp {
 from { opacity: 0; transform: translateY(40px) scale(0.95); }
 to { opacity: 1; transform: translateY(0) scale(1); }
 }
.exit-popup-close {
 position: absolute;
 top: 16px;
 right: 16px;
 width: 40px;
 height: 40px;
 border-radius: 50%;
 border: 1px solid var(--line);
 background: var(--bg);
 color: var(--muted);
 display: grid;
 place-items: center;
 cursor: pointer;
 transition: all 300ms var(--ease-lux);
 }
.exit-popup-close:hover {
 border-color: var(--ink);
 color: var(--ink);
 }
.exit-popup-title {
 font-family: 'Fraunces', Georgia, serif;
 font-weight: 500;
 font-size: clamp(1.5rem, 3vw, 2rem);
 line-height: 1.1;
 letter-spacing: -0.025em;
 color: var(--ink);
 margin-bottom: 14px;
 font-variation-settings: "opsz" 144, "SOFT" 30, "WONK" 0;
 }
.exit-popup-sub {
 color: var(--muted);
 font-size: 15px;
 line-height: 1.55;
 margin-bottom: 22px;
 }
.exit-fields {
 display: grid;
 grid-template-columns: 1fr;
 gap: 10px;
 margin-bottom: 14px;
 }
 @media (min-width: 480px) {
.exit-fields { grid-template-columns: 1fr 1fr; }
 }
.exit-input {
 width: 100%;
 background: var(--bg-soft);
 border: 1px solid var(--line);
 border-radius: 12px;
 padding: 14px 16px;
 font-family: 'Inter', system-ui, sans-serif;
 font-size: 14px;
 color: var(--ink);
 transition: all 350ms var(--ease-lux);
 }
.exit-input::placeholder { color: var(--muted); opacity: 0.7; }
.exit-input:focus {
 outline: none;
 border-color: var(--brand);
 background: var(--bg);
 box-shadow: 0 0 0 4px color-mix(in srgb, var(--brand) 12%, transparent);
 }
.exit-submit {
 width: 100%;
 background: var(--brand);
 color: #FFFFFF;
 border: 0;
 border-radius: 12px;
 padding: 16px 24px;
 font-family: 'Inter', system-ui, sans-serif;
 font-weight: 700;
 font-size: 14px;
 letter-spacing: 0.04em;
 text-transform: uppercase;
 cursor: pointer;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 gap: 10px;
 transition: all 400ms var(--ease-lux);
 }
.exit-submit:hover {
 background: var(--brand-deep);
 transform: translateY(-2px);
 box-shadow: 0 20px 40px -12px color-mix(in srgb, var(--brand) 50%, transparent);
 }
.exit-decline {
 display: block;
 width: 100%;
 background: transparent;
 border: 0;
 color: var(--muted);
 font-size: 13px;
 padding: 12px;
 margin-top: 8px;
 cursor: pointer;
 text-align: center;
 transition: color 300ms;
 }
.exit-decline:hover { color: var(--ink); }
.exit-success.show { display: block !important; }