.opening-offer { box-sizing: border-box; width: min(32rem, calc(100% - 2rem)); max-height: calc(100dvh - 2rem); overflow-y: auto; margin: auto; padding: 2rem; border: 1px solid #314354; border-radius: 1.25rem; background: #0c1723; color: #f5f7fb; box-shadow: 0 24px 80px #0009; }
.opening-offer::backdrop { background: #02070dc9; }
.opening-offer .offer-eyebrow { margin: 0 2rem 0.7rem 0; color: #93c5fd; font-size: 0.8rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }
.opening-offer h2 { font-size: clamp(1.65rem, 5vw, 2.25rem); line-height: 1.12; letter-spacing: -0.035em; margin: 0 1rem 1rem 0; }
.opening-offer p, .opening-offer li { font-size: 0.93rem; line-height: 1.5; }
.opening-offer strong { color: #a8d3ff; }
.opening-offer ul { padding-left: 1.2rem; margin: 1rem 0; color: #c4d0dd; }
.opening-offer li + li { margin-top: 0.5rem; }
.opening-offer .offer-dates { color: #aebed0; font-size: 0.8rem; }
.opening-offer .btn { width: 100%; min-height: 48px; margin-top: 0.5rem; }
.opening-offer .offer-close { position: absolute; top: 0.5rem; right: 0.5rem; width: 44px; height: 44px; border: 0; background: transparent; color: #e0e7ef; font-size: 1.6rem; cursor: pointer; }
.opening-offer .offer-later { display: block; width: 100%; min-height: 44px; border: 0; background: transparent; color: #c4d0dd; margin-top: 0.4rem; font: inherit; cursor: pointer; }
.opening-offer button:focus-visible { outline: 3px solid #a8d3ff; outline-offset: 3px; }
@media (max-width: 420px) { .opening-offer { padding: 1.4rem; } }