.welcome-banner{background:#e9f0df;border-block:1px solid #c4d3b5;color:#173d35;padding:18px 0}
.welcome-banner .container{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap}
.welcome-banner strong{display:block;font-size:clamp(1.15rem,2vw,1.55rem);line-height:1.25}
.welcome-banner p{margin:5px 0 0;font-size:.92rem;line-height:1.5}
.welcome-banner .btn{white-space:nowrap;background:#274844;color:#fff;border-color:#274844}
.welcome-offer-card{padding:24px;border:1px solid var(--line,#dbe1d8);border-radius:20px;background:var(--surface,#fff)}
.welcome-offer-card h2{margin:0 0 10px;font-size:1.55rem}
.welcome-offer-card p{line-height:1.6}
.welcome-offer-card .welcome-code{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:18px 0}
.welcome-offer-card code{font-family:inherit;letter-spacing:.1em;font-size:1.3rem;font-weight:750;padding:10px 15px;background:#e9f0df;color:#173d35;border-radius:10px}
.welcome-offer-card [hidden]{display:none!important}
.welcome-offer-card .microcopy,.welcome-banner .microcopy{font-size:.8rem;opacity:.9}
#creer{scroll-margin-top:140px}
html[data-theme="dark"] .welcome-offer-card,body.dark .welcome-offer-card{background:#17322d;color:#edf4ea}
@media(max-width:600px){.welcome-banner .container{gap:14px}.welcome-banner .btn{width:100%;justify-content:center}.welcome-offer-card{padding:20px}}