.welcome-offer { width: min(480px, calc(100% - 32px)); max-height: calc(100dvh - 32px); padding: 0; border: 1px solid #ddc8a3; border-radius: 14px; background: #fff7f7; color: #651c36; box-shadow: 0 24px 90px #23141b44; overflow-y: auto; }
.welcome-offer::backdrop { background: rgba(30, 20, 24, .52); }
.welcome-offer [hidden] { display: none !important; }
html.welcome-offer-open { overflow: hidden; }
.welcome-offer-close { position: absolute; top: 6px; right: 6px; width: 44px; height: 44px; padding: 0; border: 0; background: transparent; color: #651c36; font: 30px/1 Arial, sans-serif; cursor: pointer; }
.welcome-offer-content { padding: 42px 36px 26px; text-align: center; }
.welcome-offer .eyebrow { color: #8a6932; font-size: .65rem; }
.welcome-offer h2 { margin: 12px 0 16px; font: 500 clamp(2.25rem, 7vw, 3rem)/1.1 var(--serif, Georgia, serif); letter-spacing: -.03em; }
.welcome-offer-content > p:not(.eyebrow) { font-size: .9rem; line-height: 1.6; }
.welcome-offer form { margin-top: 22px; text-align: left; }
.welcome-offer form > label { display: block; margin-bottom: 6px; font-size: .8rem; }
.welcome-offer input[type=email] { width: 100%; min-height: 48px; padding: 12px; border: 1px solid #c8a7ae; border-radius: 5px; background: #fff; color: #35282b; font-size: 16px; }
.welcome-offer form .welcome-offer-consent { display: flex; align-items: flex-start; gap: 9px; margin: 14px 0; font-size: .73rem; line-height: 1.5; color: #66555b; }
.welcome-offer-consent input { flex: 0 0 17px; width: 17px; height: 17px; margin: 2px 0 0; accent-color: #651c36; }
.welcome-offer-submit { display: block; width: 100%; min-height: 48px; padding: 12px 16px; border: 0; border-radius: 5px; background: #651c36; color: #fff; cursor: pointer; font-size: .9rem; }
.welcome-offer-submit:disabled { opacity: .65; cursor: wait; }
.welcome-offer-message:empty { display: none; }
.welcome-offer-dismiss { display: block; margin: 15px auto; padding: 6px; border: 0; background: transparent; color: #66555b; text-decoration: underline; text-underline-offset: 3px; font-size: .75rem; cursor: pointer; }
.welcome-offer small { display: block; color: #79666e; font-size: .66rem; line-height: 1.6; }
.welcome-offer small a { text-decoration: underline; }
.welcome-offer-success strong { display: block; margin: 12px 0; padding: 12px; border: 1px dashed #b48c4f; border-radius: 5px; font-size: 1.7rem; letter-spacing: .15em; user-select: all; }
.welcome-offer-success p { font-size: .85rem; }
.welcome-offer :focus-visible { outline: 2px solid #a47732; outline-offset: 3px; }
@media (max-width: 520px) { .welcome-offer-content { padding: 40px 22px 22px; } }