body .welcome-offer { display: flex; align-items: center; gap: 12px; margin: 18px 0; padding: 14px 16px; border: 1px solid #7edbb536; border-radius: 13px; background: linear-gradient(110deg, #7edbb50c, #ad91ff08); text-align: left; }
body .welcome-offer[hidden] { display: none !important; }
.welcome-offer-mark { display: grid; place-items: center; color: #9ce2c2; flex-shrink: 0; }
.welcome-offer-text { flex: 1; min-width: 0; }
.welcome-offer-text strong { display: block; color: #b0e7d0; font-size: 14px; font-weight: 650; line-height: 1.5; }
body .welcome-offer p { margin: 3px 0 0; color: #a0a8bc; font-size: 12px; font-weight: 400; line-height: 1.6; }
body .welcome-offer-action { flex-shrink: 0; padding: 7px 0; color: #c4b0f3; font-size: 12px; font-weight: 600; white-space: nowrap; text-decoration: underline; text-underline-offset: 4px; }
.welcome-offer-action:focus-visible { outline: 2px solid #b69aff; outline-offset: 4px; border-radius: 3px; }
.hero .welcome-offer--hero { width: fit-content; max-width: 100%; margin: 14px auto 0; padding: 11px 15px; gap: 10px; }
.hero .welcome-offer--hero p { font-size: 11px; }
.welcome-offer.is-visible { animation: welcome-offer-arrive .6s cubic-bezier(.2,.7,.2,1) both; }
@keyframes welcome-offer-arrive { from { opacity: .25; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
@media(max-width:700px) { body .welcome-offer { flex-wrap: wrap; gap: 10px; } .welcome-offer-text { flex-basis: calc(100% - 34px); } body .welcome-offer-action { margin-left: 30px; } }
@media(max-width:420px) { .welcome-offer-text strong { font-size: 13px; } body .welcome-offer p { font-size: 11px; } .hero .welcome-offer--hero { padding: 10px 12px; } }
@media(prefers-reduced-motion:reduce) { .welcome-offer.is-visible { animation: none; } }