.welcome-offer{display:flex;align-items:center;justify-content:center;gap:28px;padding:25px max(5vw,20px);background:#173b35;color:#fffaf1;text-align:left}
.welcome-offer .welcome-amount{font-size:clamp(3.2rem,6vw,5rem);line-height:1;font-weight:800;letter-spacing:-.05em;white-space:nowrap}
.welcome-offer h2{font-weight:600;font-size:clamp(1.2rem,2vw,1.65rem);line-height:1.25;margin:0 0 6px;color:inherit}
.welcome-offer p{margin:4px 0;max-width:680px}.welcome-offer .welcome-conditions{font-size:.8rem;line-height:1.5;color:#e1ece4}
.welcome-offer .welcome-code{font-size:1.1rem;letter-spacing:.05em;white-space:nowrap}.welcome-actions{display:flex;align-items:center;gap:18px;margin-top:10px;flex-wrap:wrap}
.welcome-actions button{background:#fffaf1;color:#173b35;border:0;padding:9px 16px;border-radius:3px;font:inherit;cursor:pointer}.welcome-actions a{color:#fffaf1;font-weight:600;text-underline-offset:4px}
.promotion-box{margin:20px 0 8px;padding:16px;border:1px solid #a3b8aa;background:#f0f5ef;border-radius:6px;color:#173b35;min-width:0}.promotion-box legend{font-weight:700;padding:0 6px}.promotion-box p{margin:6px 0 12px}.promotion-fields{display:grid;grid-template-columns:1fr 1.4fr;gap:12px}.promotion-fields label{display:flex;flex-direction:column;gap:5px;font-size:.85rem}.promotion-fields input{width:100%;box-sizing:border-box;font:inherit;font-size:1rem;padding:10px;background:#fff;color:#222;border:1px solid #9ead9e;border-radius:3px;min-width:0}
.promotion-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.promotion-actions button{font:inherit;padding:9px 14px;cursor:pointer;border:1px solid #173b35;background:#173b35;color:white;border-radius:3px}.promotion-actions button:disabled{opacity:.55;cursor:wait}.promotion-actions #promo-remove{background:transparent;color:#173b35}.promotion-box #promo-status{margin:10px 0 0;font-size:.85rem}.promotion-discount{color:#176541}.promotion-discount[hidden],.promotion-actions [hidden]{display:none}
@media(max-width:600px){.welcome-offer{gap:16px;padding:23px 18px;align-items:flex-start}.welcome-offer .welcome-amount{font-size:3rem;margin-top:4px}.welcome-offer h2{font-size:1.1rem}.welcome-offer p{font-size:.9rem}.welcome-actions{gap:12px}.welcome-actions a{font-size:.85rem}.welcome-offer .welcome-conditions{font-size:.72rem}.promotion-fields{grid-template-columns:1fr}}