#ouibounce-modal {
   padding: 12px;
   overflow-y: auto;
   background: rgba(9, 5, 19, .82);
   backdrop-filter: blur(7px);
   font-family: 'Inter', sans-serif;
}
#ouibounce-modal .modal-dialog { width: 100%; max-width: 640px; min-height: calc(100% - 24px); margin: 0 auto; }
#ouibounce-modal .modal-content { overflow: hidden; color: #fff; background: #171020; border: 1px solid #49334e; border-radius: 24px; box-shadow: 0 24px 90px #0008; }
#ouibounce-modal .exit-close { position: absolute; top: 12px; right: 12px; z-index: 2; width: 34px; height: 34px; padding: 0; border: 1px solid #ffffff80; border-radius: 11px; background: #21152dd9; color: white; font-size: 26px; line-height: 1; cursor: pointer; }
#ouibounce-modal .exit-header { padding: 26px 42px 42px; text-align: center; background: linear-gradient(110deg, #ff8d66, #fa4c9c 48%, #c81ce1); }
#ouibounce-modal .exit-header h2 { margin: 0 0 8px; color: white; font-size: clamp(25px, 4.5vw, 35px); font-weight: 800; line-height: 1.15; letter-spacing: -1px; }
#ouibounce-modal .exit-header p { margin: 0; font-size: 15px; line-height: 1.5; }
#ouibounce-modal .exit-body { padding: 0 32px 16px; text-align: center; }
#ouibounce-modal .exit-offer { position: relative; max-width: 338px; margin: -24px auto 22px; padding: 20px 16px; border: 1px solid #513651; border-radius: 24px; background: linear-gradient(145deg, #23152c, #100c18); }
#ouibounce-modal .exit-badge { display: inline-block; padding: 6px 12px; color: #ffe0f0; background: #fa4c9c20; border: 1px solid #fa4c9c55; border-radius: 30px; font-size: 11px; font-weight: 700; letter-spacing: .5px; }
#ouibounce-modal .exit-price { display: flex; align-items: center; justify-content: center; gap: 18px; margin: 10px 0 6px; }
#ouibounce-modal .exit-price del { color: #eee6f0; font-size: 38px; text-decoration-color: #fa4c9c; text-decoration-thickness: 2px; }
#ouibounce-modal .exit-price > span { color: #a798ae; font-size: 28px; }
#ouibounce-modal .exit-price strong { color: #ff966d; font-size: 66px; font-weight: 800; line-height: 1.2; letter-spacing: -3px; }
#ouibounce-modal .exit-price small { font-size: .65em; }
#ouibounce-modal .exit-saving { display: inline-block; padding: 8px 14px; color: #62e5bb; border: 1px solid #62e5bb40; border-radius: 10px; background: #62e5bb12; font-size: 12px; font-weight: 600; }
#ouibounce-modal .exit-coupon { display: flex; align-items: center; gap: 12px; max-width: 338px; margin: 0 auto 18px; padding: 10px 14px; background: #2b2034; border: 2px dashed #65516c; border-radius: 14px; text-align: left; }
#ouibounce-modal .exit-ticket { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 10px; color: #ff966d; background: #ff966d20; }
#ouibounce-modal .exit-code { flex: 1; }
#ouibounce-modal .exit-code span { display: block; margin-bottom: 4px; color: #b6a9be; font-size: 10px; font-weight: 700; letter-spacing: 1px; }
#ouibounce-modal .exit-code code { color: white; font-size: 15px; font-weight: 700; letter-spacing: 1.5px; }
#ouibounce-modal .exit-copy { padding: 10px 12px; border: 1px solid #75617d; border-radius: 9px; color: #f4eaf8; background: #44334f; font-size: 12px; cursor: pointer; }
#ouibounce-modal .exit-buy { display: block; padding: 12px 16px; margin-bottom: 12px; border-radius: 9px; background: linear-gradient(90deg, #ff8d66, #fa4c9c 48%, #c81ce1); color: white; font-size: 21px; line-height: 1.3; font-weight: 800; text-decoration: none; }
#ouibounce-modal .exit-buy:hover { filter: brightness(1.12); }
#ouibounce-modal .exit-bump { padding: 10px; color: #302237; background: #fff9fc; border: 1px dashed #d2b0c8; border-radius: 5px; }
#ouibounce-modal .exit-bump label { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 7px; margin-bottom: 12px; background: #ffe0a0; color: #342238; font-size: 14px; font-weight: 750; cursor: pointer; }
#ouibounce-modal .exit-bump input { flex-shrink: 0; width: 16px; height: 16px; accent-color: #c81ce1; }
#ouibounce-modal .exit-bump p { margin: 0 6px 8px; font-size: 13px; line-height: 1.5; }
#ouibounce-modal .exit-bump p b { color: #cb286d; }
#ouibounce-modal .exit-bump .exit-addon-price { margin-bottom: 2px; color: #12794f; font-weight: 750; }
#ouibounce-modal .exit-footer { display: flex; justify-content: center; flex-wrap: wrap; gap: 16px; margin-top: 14px; color: #c3b4cd; font-size: 10px; }
#ouibounce-modal .exit-footer i { margin-right: 4px; color: #62e5bb; }
#ouibounce-modal :is(button, a, input):focus-visible { outline: 3px solid #ffbd85; outline-offset: 3px; }
@media (max-width: 480px) {
   #ouibounce-modal { padding: 8px; }
   #ouibounce-modal .modal-dialog { min-height: calc(100% - 16px); }
   #ouibounce-modal .modal-content { border-radius: 18px; }
   #ouibounce-modal .exit-header { padding: 48px 16px 40px; }
   #ouibounce-modal .exit-header p { font-size: 13px; }
   #ouibounce-modal .exit-body { padding: 0 14px 16px; }
   #ouibounce-modal .exit-buy { font-size: 18px; }
   #ouibounce-modal .exit-bump label { font-size: 12px; text-align: left; }
}