/* v144: compact aviation-glass close control for the newsletter popup. */
#newsletter-popup.newsletter-popup {
    --newsletter-close-navy: #061827;
    --newsletter-close-navy-soft: #12364f;
    --newsletter-close-sky: #38bdf8;
    --newsletter-close-sky-soft: #7dd3fc;
    --newsletter-close-gold: #f6b73c;
}

#newsletter-popup.newsletter-popup button.newsletter-close-modern,
#newsletter-popup.newsletter-popup button.newsletter-close-flightdeck,
#newsletter-popup.newsletter-popup .newsletter-wrap > button[data-dismiss="modal"],
#newsletter-popup.newsletter-popup .modal-body > button[data-dismiss="modal"],
#newsletter-popup.newsletter-popup button.newsletter-btn-close.close {
    align-items: center !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    -webkit-backdrop-filter: blur(20px) saturate(1.45) !important;
    backdrop-filter: blur(20px) saturate(1.45) !important;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.16), transparent 32%),
        radial-gradient(circle at 26% 20%, rgba(246, 183, 60, 0.24), transparent 35%),
        radial-gradient(circle at 70% 78%, rgba(56, 189, 248, 0.26), transparent 56%),
        linear-gradient(145deg, rgba(5, 22, 36, 0.99), rgba(15, 47, 68, 0.98)) !important;
    border: 1px solid rgba(125, 211, 252, 0.56) !important;
    border-radius: 999px !important;
    box-shadow:
        0 14px 28px rgba(2, 13, 23, 0.48),
        0 0 0 5px rgba(5, 22, 36, 0.20),
        0 0 24px rgba(14, 165, 233, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.24),
        inset 0 -12px 22px rgba(14, 165, 233, 0.14) !important;
    box-sizing: border-box !important;
    color: transparent !important;
    cursor: pointer !important;
    display: inline-flex !important;
    float: none !important;
    font-size: 0 !important;
    height: 42px !important;
    isolation: isolate !important;
    justify-content: center !important;
    line-height: 1 !important;
    margin: 0 !important;
    min-height: 42px !important;
    min-width: 42px !important;
    opacity: 1 !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    right: 14px !important;
    text-indent: 0 !important;
    text-shadow: none !important;
    top: 14px !important;
    transform: translateZ(0) !important;
    transition: background 180ms ease, border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease !important;
    width: 42px !important;
    z-index: 700 !important;
}

#newsletter-popup.newsletter-popup button.newsletter-close-modern:before,
#newsletter-popup.newsletter-popup button.newsletter-close-flightdeck:before,
#newsletter-popup.newsletter-popup .newsletter-wrap > button[data-dismiss="modal"]:before,
#newsletter-popup.newsletter-popup .modal-body > button[data-dismiss="modal"]:before,
#newsletter-popup.newsletter-popup button.newsletter-btn-close.close:before,
#newsletter-popup.newsletter-popup button.newsletter-close-modern:after,
#newsletter-popup.newsletter-popup button.newsletter-close-flightdeck:after,
#newsletter-popup.newsletter-popup .newsletter-wrap > button[data-dismiss="modal"]:after,
#newsletter-popup.newsletter-popup .modal-body > button[data-dismiss="modal"]:after,
#newsletter-popup.newsletter-popup button.newsletter-btn-close.close:after {
    background: linear-gradient(90deg, #ffffff, var(--newsletter-close-sky-soft)) !important;
    border: 0 !important;
    border-radius: 999px !important;
    box-shadow: 0 0 12px rgba(56, 189, 248, 0.52) !important;
    content: "" !important;
    display: block !important;
    height: 2.6px !important;
    left: 50% !important;
    opacity: 1 !important;
    position: absolute !important;
    top: 50% !important;
    transform-origin: center !important;
    width: 19px !important;
    z-index: 4 !important;
}

#newsletter-popup.newsletter-popup button.newsletter-close-modern:before,
#newsletter-popup.newsletter-popup button.newsletter-close-flightdeck:before,
#newsletter-popup.newsletter-popup .newsletter-wrap > button[data-dismiss="modal"]:before,
#newsletter-popup.newsletter-popup .modal-body > button[data-dismiss="modal"]:before,
#newsletter-popup.newsletter-popup button.newsletter-btn-close.close:before {
    transform: translate(-50%, -50%) rotate(45deg) !important;
}

#newsletter-popup.newsletter-popup button.newsletter-close-modern:after,
#newsletter-popup.newsletter-popup button.newsletter-close-flightdeck:after,
#newsletter-popup.newsletter-popup .newsletter-wrap > button[data-dismiss="modal"]:after,
#newsletter-popup.newsletter-popup .modal-body > button[data-dismiss="modal"]:after,
#newsletter-popup.newsletter-popup button.newsletter-btn-close.close:after {
    transform: translate(-50%, -50%) rotate(-45deg) !important;
}

#newsletter-popup.newsletter-popup .newsletter-close-modern .fa,
#newsletter-popup.newsletter-popup button.newsletter-btn-close.close .icon-close {
    opacity: 0 !important;
    pointer-events: none !important;
}

#newsletter-popup.newsletter-popup .newsletter-close-modern__glint {
    display: block !important;
    inset: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    position: absolute !important;
    z-index: 2 !important;
}

#newsletter-popup.newsletter-popup .newsletter-close-modern__glint:before {
    background: linear-gradient(90deg, var(--newsletter-close-gold), var(--newsletter-close-sky), transparent) !important;
    border-radius: 999px !important;
    box-shadow: 0 0 14px rgba(56, 189, 248, 0.42) !important;
    content: "" !important;
    height: 2px !important;
    left: 12px !important;
    position: absolute !important;
    top: 9px !important;
    width: 18px !important;
}

#newsletter-popup.newsletter-popup .newsletter-close-modern__glint:after {
    background: rgba(255, 255, 255, 0.16) !important;
    border-radius: 999px !important;
    content: "" !important;
    height: 58px !important;
    left: -26px !important;
    position: absolute !important;
    top: -16px !important;
    transform: rotate(28deg) !important;
    width: 14px !important;
}

#newsletter-popup.newsletter-popup button.newsletter-close-modern:hover,
#newsletter-popup.newsletter-popup button.newsletter-close-modern:focus,
#newsletter-popup.newsletter-popup button.newsletter-close-flightdeck:hover,
#newsletter-popup.newsletter-popup button.newsletter-close-flightdeck:focus,
#newsletter-popup.newsletter-popup .newsletter-wrap > button[data-dismiss="modal"]:hover,
#newsletter-popup.newsletter-popup .newsletter-wrap > button[data-dismiss="modal"]:focus,
#newsletter-popup.newsletter-popup .modal-body > button[data-dismiss="modal"]:hover,
#newsletter-popup.newsletter-popup .modal-body > button[data-dismiss="modal"]:focus,
#newsletter-popup.newsletter-popup button.newsletter-btn-close.close:hover,
#newsletter-popup.newsletter-popup button.newsletter-btn-close.close:focus {
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.20), transparent 32%),
        radial-gradient(circle at 26% 20%, rgba(246, 183, 60, 0.34), transparent 48%),
        linear-gradient(145deg, rgba(14, 48, 69, 0.99), rgba(4, 18, 31, 0.99)) !important;
    border-color: rgba(246, 183, 60, 0.86) !important;
    box-shadow:
        0 18px 36px rgba(2, 13, 23, 0.60),
        0 0 0 6px rgba(14, 165, 233, 0.16),
        0 0 28px rgba(246, 183, 60, 0.20),
        inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
    transform: translateY(-1px) scale(1.04) !important;
}

#newsletter-popup.newsletter-popup button.newsletter-close-modern:hover:before,
#newsletter-popup.newsletter-popup button.newsletter-close-modern:hover:after,
#newsletter-popup.newsletter-popup button.newsletter-close-modern:focus:before,
#newsletter-popup.newsletter-popup button.newsletter-close-modern:focus:after,
#newsletter-popup.newsletter-popup button.newsletter-close-flightdeck:hover:before,
#newsletter-popup.newsletter-popup button.newsletter-close-flightdeck:hover:after,
#newsletter-popup.newsletter-popup button.newsletter-close-flightdeck:focus:before,
#newsletter-popup.newsletter-popup button.newsletter-close-flightdeck:focus:after,
#newsletter-popup.newsletter-popup .newsletter-wrap > button[data-dismiss="modal"]:hover:before,
#newsletter-popup.newsletter-popup .newsletter-wrap > button[data-dismiss="modal"]:hover:after,
#newsletter-popup.newsletter-popup .newsletter-wrap > button[data-dismiss="modal"]:focus:before,
#newsletter-popup.newsletter-popup .newsletter-wrap > button[data-dismiss="modal"]:focus:after,
#newsletter-popup.newsletter-popup .modal-body > button[data-dismiss="modal"]:hover:before,
#newsletter-popup.newsletter-popup .modal-body > button[data-dismiss="modal"]:hover:after,
#newsletter-popup.newsletter-popup .modal-body > button[data-dismiss="modal"]:focus:before,
#newsletter-popup.newsletter-popup .modal-body > button[data-dismiss="modal"]:focus:after,
#newsletter-popup.newsletter-popup button.newsletter-btn-close.close:hover:before,
#newsletter-popup.newsletter-popup button.newsletter-btn-close.close:hover:after,
#newsletter-popup.newsletter-popup button.newsletter-btn-close.close:focus:before,
#newsletter-popup.newsletter-popup button.newsletter-btn-close.close:focus:after {
    background: linear-gradient(90deg, #ffffff, var(--newsletter-close-gold)) !important;
    box-shadow: 0 0 14px rgba(246, 183, 60, 0.46) !important;
}

#newsletter-popup.newsletter-popup button.newsletter-close-modern:active,
#newsletter-popup.newsletter-popup button.newsletter-close-flightdeck:active,
#newsletter-popup.newsletter-popup .newsletter-wrap > button[data-dismiss="modal"]:active,
#newsletter-popup.newsletter-popup .modal-body > button[data-dismiss="modal"]:active,
#newsletter-popup.newsletter-popup button.newsletter-btn-close.close:active {
    transform: translateY(0) scale(0.98) !important;
}

#newsletter-popup.newsletter-popup button.newsletter-close-modern:focus-visible,
#newsletter-popup.newsletter-popup button.newsletter-close-flightdeck:focus-visible,
#newsletter-popup.newsletter-popup .newsletter-wrap > button[data-dismiss="modal"]:focus-visible,
#newsletter-popup.newsletter-popup .modal-body > button[data-dismiss="modal"]:focus-visible,
#newsletter-popup.newsletter-popup button.newsletter-btn-close.close:focus-visible {
    outline: 3px solid rgba(246, 183, 60, 0.56) !important;
    outline-offset: 3px !important;
}

@media (max-width: 767px) {
    #newsletter-popup.newsletter-popup button.newsletter-close-modern,
    #newsletter-popup.newsletter-popup button.newsletter-close-flightdeck,
    #newsletter-popup.newsletter-popup .newsletter-wrap > button[data-dismiss="modal"],
    #newsletter-popup.newsletter-popup .modal-body > button[data-dismiss="modal"],
    #newsletter-popup.newsletter-popup button.newsletter-btn-close.close {
        height: 40px !important;
        min-height: 40px !important;
        min-width: 40px !important;
        right: 12px !important;
        top: 12px !important;
        width: 40px !important;
    }

    #newsletter-popup.newsletter-popup .newsletter-close-modern__glint:before {
        left: 10px !important;
        width: 16px !important;
    }
}

/* Guard against legacy modal/Bootstrap close styles repainting this as a white floating circle. */
html body #newsletter-popup.newsletter-popup button.newsletter-close-modern,
html body #newsletter-popup.newsletter-popup .newsletter-wrap > button.newsletter-close-modern[data-dismiss="modal"],
html body #newsletter-popup.newsletter-popup button.newsletter-close-flightdeck.newsletter-close-turbine.newsletter-close-jet.newsletter-close-aviation,
html body #newsletter-popup.newsletter-popup button.newsletter-btn-close.close {
    background-color: #061827 !important;
    color: transparent !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

html body #newsletter-popup.newsletter-popup button.newsletter-close-modern .fa,
html body #newsletter-popup.newsletter-popup button.newsletter-close-flightdeck .fa,
html body #newsletter-popup.newsletter-popup button.newsletter-btn-close.close .fa,
html body #newsletter-popup.newsletter-popup button.newsletter-btn-close.close span {
    display: none !important;
}

@media (prefers-reduced-motion: reduce) {
    #newsletter-popup.newsletter-popup button.newsletter-close-modern,
    #newsletter-popup.newsletter-popup button.newsletter-close-flightdeck,
    #newsletter-popup.newsletter-popup .newsletter-wrap > button[data-dismiss="modal"],
    #newsletter-popup.newsletter-popup .modal-body > button[data-dismiss="modal"],
    #newsletter-popup.newsletter-popup button.newsletter-btn-close.close {
        transition: none !important;
    }
}

/* v144 final guard: keep this control aligned with the dark cockpit popup, not the legacy white circle. */
html body #newsletter-popup.newsletter-popup .newsletter-wrap > button.newsletter-close-modern[data-dismiss="modal"],
html body #newsletter-popup.newsletter-popup button.newsletter-close-flightdeck.newsletter-close-turbine.newsletter-close-jet.newsletter-close-aviation.newsletter-close-modern {
    -webkit-backdrop-filter: blur(22px) saturate(1.45) !important;
    backdrop-filter: blur(22px) saturate(1.45) !important;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.17), rgba(255, 255, 255, 0) 32%),
        radial-gradient(circle at 28% 20%, rgba(246, 183, 60, 0.22), transparent 36%),
        radial-gradient(circle at 72% 78%, rgba(56, 189, 248, 0.28), transparent 58%),
        linear-gradient(145deg, rgba(5, 22, 36, 0.99), rgba(13, 42, 61, 0.98)) !important;
    background-color: #061827 !important;
    border: 1px solid rgba(125, 211, 252, 0.62) !important;
    border-radius: 16px !important;
    box-shadow:
        0 18px 38px rgba(2, 13, 23, 0.56),
        0 0 0 1px rgba(255, 255, 255, 0.12) inset,
        0 0 24px rgba(14, 165, 233, 0.20),
        inset 0 1px 0 rgba(255, 255, 255, 0.24),
        inset 0 -14px 26px rgba(14, 165, 233, 0.14) !important;
    color: transparent !important;
    height: 46px !important;
    min-height: 46px !important;
    min-width: 46px !important;
    right: 14px !important;
    top: 14px !important;
    width: 46px !important;
}

html body #newsletter-popup.newsletter-popup .newsletter-wrap > button.newsletter-close-modern[data-dismiss="modal"]:before,
html body #newsletter-popup.newsletter-popup .newsletter-wrap > button.newsletter-close-modern[data-dismiss="modal"]:after,
html body #newsletter-popup.newsletter-popup button.newsletter-close-flightdeck.newsletter-close-turbine.newsletter-close-jet.newsletter-close-aviation.newsletter-close-modern:before,
html body #newsletter-popup.newsletter-popup button.newsletter-close-flightdeck.newsletter-close-turbine.newsletter-close-jet.newsletter-close-aviation.newsletter-close-modern:after {
    background: linear-gradient(90deg, #ffffff, #7dd3fc) !important;
    border: 0 !important;
    border-radius: 999px !important;
    box-shadow: 0 0 14px rgba(56, 189, 248, 0.52) !important;
    content: "" !important;
    display: block !important;
    height: 2.75px !important;
    inset: auto !important;
    left: 50% !important;
    opacity: 1 !important;
    position: absolute !important;
    top: 50% !important;
    transform-origin: center !important;
    width: 20px !important;
    z-index: 4 !important;
}

html body #newsletter-popup.newsletter-popup .newsletter-wrap > button.newsletter-close-modern[data-dismiss="modal"]:before,
html body #newsletter-popup.newsletter-popup button.newsletter-close-flightdeck.newsletter-close-turbine.newsletter-close-jet.newsletter-close-aviation.newsletter-close-modern:before {
    transform: translate(-50%, -50%) rotate(45deg) !important;
}

html body #newsletter-popup.newsletter-popup .newsletter-wrap > button.newsletter-close-modern[data-dismiss="modal"]:after,
html body #newsletter-popup.newsletter-popup button.newsletter-close-flightdeck.newsletter-close-turbine.newsletter-close-jet.newsletter-close-aviation.newsletter-close-modern:after {
    transform: translate(-50%, -50%) rotate(-45deg) !important;
}

html body #newsletter-popup.newsletter-popup .newsletter-close-modern .fa {
    display: none !important;
}

/* v145: align the newsletter close control with the refreshed cockpit UI. */
html body #newsletter-popup.newsletter-popup .newsletter-wrap > button.newsletter-close-modern[data-dismiss="modal"],
html body #newsletter-popup.newsletter-popup button.newsletter-close-flightdeck.newsletter-close-turbine.newsletter-close-jet.newsletter-close-aviation.newsletter-close-modern {
    align-items: center !important;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.20), rgba(255, 255, 255, 0) 34%),
        radial-gradient(circle at 30% 20%, rgba(56, 189, 248, 0.28), transparent 42%),
        linear-gradient(145deg, rgba(7, 24, 39, 0.98), rgba(14, 49, 70, 0.98)) !important;
    background-color: #071827 !important;
    border: 1px solid rgba(125, 211, 252, 0.72) !important;
    border-radius: 17px !important;
    box-shadow:
        0 18px 38px rgba(2, 13, 23, 0.58),
        0 0 0 1px rgba(255, 255, 255, 0.13) inset,
        0 0 28px rgba(14, 165, 233, 0.20),
        inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
    color: transparent !important;
    display: inline-flex !important;
    height: 46px !important;
    justify-content: center !important;
    min-height: 46px !important;
    min-width: 46px !important;
    overflow: hidden !important;
    right: 14px !important;
    top: 14px !important;
    width: 46px !important;
}

html body #newsletter-popup.newsletter-popup .newsletter-wrap > button.newsletter-close-modern[data-dismiss="modal"]:before,
html body #newsletter-popup.newsletter-popup .newsletter-wrap > button.newsletter-close-modern[data-dismiss="modal"]:after,
html body #newsletter-popup.newsletter-popup button.newsletter-close-flightdeck.newsletter-close-turbine.newsletter-close-jet.newsletter-close-aviation.newsletter-close-modern:before,
html body #newsletter-popup.newsletter-popup button.newsletter-close-flightdeck.newsletter-close-turbine.newsletter-close-jet.newsletter-close-aviation.newsletter-close-modern:after {
    background: linear-gradient(90deg, #ffffff, #7dd3fc) !important;
    border-radius: 999px !important;
    box-shadow: 0 0 14px rgba(56, 189, 248, 0.56) !important;
    content: "" !important;
    height: 2.8px !important;
    left: 50% !important;
    position: absolute !important;
    top: 50% !important;
    transform-origin: center !important;
    width: 21px !important;
    z-index: 5 !important;
}

html body #newsletter-popup.newsletter-popup .newsletter-wrap > button.newsletter-close-modern[data-dismiss="modal"]:before,
html body #newsletter-popup.newsletter-popup button.newsletter-close-flightdeck.newsletter-close-turbine.newsletter-close-jet.newsletter-close-aviation.newsletter-close-modern:before {
    transform: translate(-50%, -50%) rotate(45deg) !important;
}

html body #newsletter-popup.newsletter-popup .newsletter-wrap > button.newsletter-close-modern[data-dismiss="modal"]:after,
html body #newsletter-popup.newsletter-popup button.newsletter-close-flightdeck.newsletter-close-turbine.newsletter-close-jet.newsletter-close-aviation.newsletter-close-modern:after {
    transform: translate(-50%, -50%) rotate(-45deg) !important;
}

html body #newsletter-popup.newsletter-popup .newsletter-close-modern__glint {
    display: block !important;
}

html body #newsletter-popup.newsletter-popup .newsletter-close-modern__glint:before {
    background: linear-gradient(90deg, #f6b73c, #38bdf8, transparent) !important;
    border-radius: 999px !important;
    box-shadow: 0 0 14px rgba(56, 189, 248, 0.46) !important;
    content: "" !important;
    height: 2px !important;
    left: 11px !important;
    position: absolute !important;
    top: 10px !important;
    width: 21px !important;
}

html body #newsletter-popup.newsletter-popup .newsletter-wrap > button.newsletter-close-modern[data-dismiss="modal"]:hover,
html body #newsletter-popup.newsletter-popup .newsletter-wrap > button.newsletter-close-modern[data-dismiss="modal"]:focus,
html body #newsletter-popup.newsletter-popup button.newsletter-close-flightdeck.newsletter-close-turbine.newsletter-close-jet.newsletter-close-aviation.newsletter-close-modern:hover,
html body #newsletter-popup.newsletter-popup button.newsletter-close-flightdeck.newsletter-close-turbine.newsletter-close-jet.newsletter-close-aviation.newsletter-close-modern:focus {
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0) 34%),
        radial-gradient(circle at 30% 20%, rgba(246, 183, 60, 0.36), transparent 48%),
        linear-gradient(145deg, rgba(12, 43, 62, 0.99), rgba(7, 24, 39, 0.99)) !important;
    border-color: rgba(246, 183, 60, 0.86) !important;
    box-shadow:
        0 22px 44px rgba(2, 13, 23, 0.62),
        0 0 0 5px rgba(14, 165, 233, 0.16),
        0 0 26px rgba(246, 183, 60, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
    transform: translateY(-1px) scale(1.035) !important;
}

html body #newsletter-popup.newsletter-popup .newsletter-wrap > button.newsletter-close-modern[data-dismiss="modal"]:hover:before,
html body #newsletter-popup.newsletter-popup .newsletter-wrap > button.newsletter-close-modern[data-dismiss="modal"]:hover:after,
html body #newsletter-popup.newsletter-popup .newsletter-wrap > button.newsletter-close-modern[data-dismiss="modal"]:focus:before,
html body #newsletter-popup.newsletter-popup .newsletter-wrap > button.newsletter-close-modern[data-dismiss="modal"]:focus:after,
html body #newsletter-popup.newsletter-popup button.newsletter-close-flightdeck.newsletter-close-turbine.newsletter-close-jet.newsletter-close-aviation.newsletter-close-modern:hover:before,
html body #newsletter-popup.newsletter-popup button.newsletter-close-flightdeck.newsletter-close-turbine.newsletter-close-jet.newsletter-close-aviation.newsletter-close-modern:hover:after,
html body #newsletter-popup.newsletter-popup button.newsletter-close-flightdeck.newsletter-close-turbine.newsletter-close-jet.newsletter-close-aviation.newsletter-close-modern:focus:before,
html body #newsletter-popup.newsletter-popup button.newsletter-close-flightdeck.newsletter-close-turbine.newsletter-close-jet.newsletter-close-aviation.newsletter-close-modern:focus:after {
    background: linear-gradient(90deg, #ffffff, #f6b73c) !important;
    box-shadow: 0 0 14px rgba(246, 183, 60, 0.52) !important;
}

@media (max-width: 767px) {
    html body #newsletter-popup.newsletter-popup .newsletter-wrap > button.newsletter-close-modern[data-dismiss="modal"],
    html body #newsletter-popup.newsletter-popup button.newsletter-close-flightdeck.newsletter-close-turbine.newsletter-close-jet.newsletter-close-aviation.newsletter-close-modern {
        border-radius: 15px !important;
        height: 42px !important;
        min-height: 42px !important;
        min-width: 42px !important;
        right: 10px !important;
        top: 10px !important;
        width: 42px !important;
    }
}

/* v146: decisive cockpit-glass close control, protected from legacy white-circle rules. */
html body #newsletter-popup.newsletter-popup .newsletter-wrap > button.newsletter-close-modern[data-dismiss="modal"],
html body #newsletter-popup.newsletter-popup .modal-body button.newsletter-close-modern[data-dismiss="modal"],
html body #newsletter-popup.newsletter-popup button.newsletter-close-flightdeck.newsletter-close-turbine.newsletter-close-jet.newsletter-close-aviation.newsletter-close-modern {
    -webkit-appearance: none !important;
    appearance: none !important;
    align-items: center !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.35) !important;
    backdrop-filter: blur(18px) saturate(1.35) !important;
    background:
        linear-gradient(140deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0) 36%),
        radial-gradient(circle at 28% 22%, rgba(246, 183, 60, 0.24), transparent 34%),
        radial-gradient(circle at 72% 76%, rgba(31, 199, 255, 0.26), transparent 58%),
        linear-gradient(145deg, rgba(6, 24, 39, 0.98), rgba(13, 43, 62, 0.98)) !important;
    background-color: #061827 !important;
    border: 1px solid rgba(125, 211, 252, 0.72) !important;
    border-radius: 16px !important;
    box-shadow:
        0 18px 38px rgba(2, 13, 23, 0.58),
        0 0 0 1px rgba(255, 255, 255, 0.13) inset,
        0 0 28px rgba(14, 165, 233, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
    color: transparent !important;
    display: inline-flex !important;
    float: none !important;
    font-size: 0 !important;
    height: 46px !important;
    justify-content: center !important;
    line-height: 1 !important;
    margin: 0 !important;
    min-height: 46px !important;
    min-width: 46px !important;
    opacity: 1 !important;
    outline: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    right: 14px !important;
    text-indent: 0 !important;
    text-shadow: none !important;
    top: 14px !important;
    transform: translateZ(0) !important;
    transition: background 180ms ease, border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease !important;
    width: 46px !important;
    z-index: 705 !important;
}

html body #newsletter-popup.newsletter-popup .newsletter-wrap > button.newsletter-close-modern[data-dismiss="modal"]:before,
html body #newsletter-popup.newsletter-popup .newsletter-wrap > button.newsletter-close-modern[data-dismiss="modal"]:after,
html body #newsletter-popup.newsletter-popup .modal-body button.newsletter-close-modern[data-dismiss="modal"]:before,
html body #newsletter-popup.newsletter-popup .modal-body button.newsletter-close-modern[data-dismiss="modal"]:after,
html body #newsletter-popup.newsletter-popup button.newsletter-close-flightdeck.newsletter-close-turbine.newsletter-close-jet.newsletter-close-aviation.newsletter-close-modern:before,
html body #newsletter-popup.newsletter-popup button.newsletter-close-flightdeck.newsletter-close-turbine.newsletter-close-jet.newsletter-close-aviation.newsletter-close-modern:after {
    background: linear-gradient(90deg, #ffffff, #7dd3fc) !important;
    border: 0 !important;
    border-radius: 999px !important;
    box-shadow: 0 0 14px rgba(56, 189, 248, 0.58) !important;
    content: "" !important;
    display: block !important;
    height: 2.8px !important;
    left: 50% !important;
    opacity: 1 !important;
    position: absolute !important;
    top: 50% !important;
    transform-origin: center !important;
    width: 21px !important;
    z-index: 5 !important;
}

html body #newsletter-popup.newsletter-popup .newsletter-wrap > button.newsletter-close-modern[data-dismiss="modal"]:before,
html body #newsletter-popup.newsletter-popup .modal-body button.newsletter-close-modern[data-dismiss="modal"]:before,
html body #newsletter-popup.newsletter-popup button.newsletter-close-flightdeck.newsletter-close-turbine.newsletter-close-jet.newsletter-close-aviation.newsletter-close-modern:before {
    transform: translate(-50%, -50%) rotate(45deg) !important;
}

html body #newsletter-popup.newsletter-popup .newsletter-wrap > button.newsletter-close-modern[data-dismiss="modal"]:after,
html body #newsletter-popup.newsletter-popup .modal-body button.newsletter-close-modern[data-dismiss="modal"]:after,
html body #newsletter-popup.newsletter-popup button.newsletter-close-flightdeck.newsletter-close-turbine.newsletter-close-jet.newsletter-close-aviation.newsletter-close-modern:after {
    transform: translate(-50%, -50%) rotate(-45deg) !important;
}

html body #newsletter-popup.newsletter-popup button.newsletter-close-modern .fa,
html body #newsletter-popup.newsletter-popup button.newsletter-close-modern > i,
html body #newsletter-popup.newsletter-popup button.newsletter-close-modern > span:not(.newsletter-close-modern__glint) {
    display: none !important;
}

html body #newsletter-popup.newsletter-popup button.newsletter-close-modern .newsletter-close-modern__glint {
    display: block !important;
    inset: 0 !important;
    pointer-events: none !important;
    position: absolute !important;
    z-index: 2 !important;
}

html body #newsletter-popup.newsletter-popup button.newsletter-close-modern .newsletter-close-modern__glint:before {
    background: linear-gradient(90deg, #f6b73c, #38bdf8, transparent) !important;
    border-radius: 999px !important;
    box-shadow: 0 0 14px rgba(56, 189, 248, 0.48) !important;
    content: "" !important;
    height: 2px !important;
    left: 10px !important;
    position: absolute !important;
    top: 10px !important;
    width: 22px !important;
}

html body #newsletter-popup.newsletter-popup .newsletter-wrap > button.newsletter-close-modern[data-dismiss="modal"]:hover,
html body #newsletter-popup.newsletter-popup .newsletter-wrap > button.newsletter-close-modern[data-dismiss="modal"]:focus,
html body #newsletter-popup.newsletter-popup .modal-body button.newsletter-close-modern[data-dismiss="modal"]:hover,
html body #newsletter-popup.newsletter-popup .modal-body button.newsletter-close-modern[data-dismiss="modal"]:focus,
html body #newsletter-popup.newsletter-popup button.newsletter-close-flightdeck.newsletter-close-turbine.newsletter-close-jet.newsletter-close-aviation.newsletter-close-modern:hover,
html body #newsletter-popup.newsletter-popup button.newsletter-close-flightdeck.newsletter-close-turbine.newsletter-close-jet.newsletter-close-aviation.newsletter-close-modern:focus {
    background:
        linear-gradient(140deg, rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0) 36%),
        radial-gradient(circle at 28% 22%, rgba(246, 183, 60, 0.34), transparent 44%),
        linear-gradient(145deg, rgba(13, 43, 62, 0.99), rgba(6, 24, 39, 0.99)) !important;
    border-color: rgba(246, 183, 60, 0.88) !important;
    box-shadow:
        0 22px 44px rgba(2, 13, 23, 0.62),
        0 0 0 5px rgba(14, 165, 233, 0.16),
        0 0 28px rgba(246, 183, 60, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
    transform: translateY(-1px) scale(1.035) !important;
}

html body #newsletter-popup.newsletter-popup .newsletter-wrap > button.newsletter-close-modern[data-dismiss="modal"]:focus-visible,
html body #newsletter-popup.newsletter-popup .modal-body button.newsletter-close-modern[data-dismiss="modal"]:focus-visible,
html body #newsletter-popup.newsletter-popup button.newsletter-close-flightdeck.newsletter-close-turbine.newsletter-close-jet.newsletter-close-aviation.newsletter-close-modern:focus-visible {
    outline: 3px solid rgba(246, 183, 60, 0.58) !important;
    outline-offset: 3px !important;
}

@media (max-width: 767px) {
    html body #newsletter-popup.newsletter-popup .newsletter-wrap > button.newsletter-close-modern[data-dismiss="modal"],
    html body #newsletter-popup.newsletter-popup .modal-body button.newsletter-close-modern[data-dismiss="modal"],
    html body #newsletter-popup.newsletter-popup button.newsletter-close-flightdeck.newsletter-close-turbine.newsletter-close-jet.newsletter-close-aviation.newsletter-close-modern {
        border-radius: 15px !important;
        height: 42px !important;
        min-height: 42px !important;
        min-width: 42px !important;
        right: 10px !important;
        top: 10px !important;
        width: 42px !important;
    }

    html body #newsletter-popup.newsletter-popup button.newsletter-close-modern .newsletter-close-modern__glint:before {
        left: 9px !important;
        top: 9px !important;
        width: 20px !important;
    }
}