/* Accent colors sampled from the blue A and red I in public/logo.webp. */
.magic-promotion,.magic-offer-dialog{--magic-brand-blue:#62abfd;--magic-brand-red:#e25e60;--magic-ink:#102239;--magic-muted:#b7c7da;font-family:Inter,system-ui,sans-serif;color:#f7f9fc;box-sizing:border-box}
.magic-promotion{max-width:1160px;margin:14px auto 0;padding:8px 14px;background:#12263d;border:1px solid #62abfd45;border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.magic-bar-message,.magic-bar-actions{display:flex;align-items:center;gap:14px;min-width:0}
.magic-discount{background:var(--magic-brand-red);color:var(--magic-ink)!important;padding:6px 9px;border-radius:5px;font-size:11px;font-weight:750;letter-spacing:.025em;white-space:nowrap}
.magic-bar-copy{color:#f7f9fc!important;font-size:12px;font-weight:550;line-height:1.5}
.magic-bar-copy small{display:inline;color:var(--magic-muted)!important;font-size:11px;font-weight:400;margin-left:10px}
.magic-promotion button,.magic-offer-dialog button{font:inherit;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}
.magic-promotion button{border:0;background:transparent;color:#e6f0fc!important;min-height:36px;font-size:12px}
.magic-promotion .magic-copy{border:1px solid #62abfd40;border-radius:6px;padding:6px 10px;font-family:ui-monospace,Consolas,monospace;font-weight:650;font-size:11px;letter-spacing:.035em;white-space:nowrap;background:#62abfd0a}
.magic-promotion .magic-copy:hover{background:#62abfd18;border-color:#62abfd80}
.magic-details{padding:8px 0;white-space:nowrap}
.magic-details:hover{text-decoration:underline;text-underline-offset:4px}
.magic-copy-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.magic-promo-price{color:#b7dbff!important;font-weight:650;font-size:13px;line-height:1.5;margin:10px 0 16px}
.magic-offer-open{overflow:hidden}
.magic-offer-dialog{width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;margin:auto;padding:30px 28px 16px;border:1px solid #62abfd55;border-radius:18px;background:#102239;text-align:left}
.magic-offer-dialog::backdrop{background:rgba(3,9,19,.7);backdrop-filter:blur(4px)}
.magic-offer-dialog .magic-close{position:absolute;right:10px;top:10px;border:0;border-radius:6px;background:transparent;color:#b7c7da;font-size:23px;width:32px;height:32px;line-height:1;display:grid;place-items:center}
.magic-offer-dialog .magic-close:hover{background:#ffffff0d;color:#fff}
.magic-offer-eyebrow{color:var(--magic-brand-blue)!important;font-size:10px!important;font-weight:650;letter-spacing:.1em;line-height:1.5!important;margin:0 25px 17px 0!important}
.magic-offer-dialog h2{font-size:34px!important;line-height:1.12!important;letter-spacing:-.04em;color:#f7f9fc!important;margin:0 0 12px!important;font-weight:650}
.magic-offer-dialog h2 span{color:var(--magic-brand-blue)!important}
.magic-offer-description{font-size:12px!important;line-height:1.6!important;color:var(--magic-muted)!important;margin:0 0 22px!important}
.magic-modal-code{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:12px 14px;border:1px solid #62abfd40;border-radius:8px;background:#62abfd0b;color:#fff;text-align:left}
.magic-modal-code:hover{background:#62abfd16;border-color:#62abfd80}
.magic-code-stack{display:flex;flex-direction:column;gap:4px}
.magic-code-stack small{font-size:9px;line-height:1.4;letter-spacing:.09em;color:var(--magic-muted)!important}
.magic-modal-code b{font-family:ui-monospace,Consolas,monospace;font-size:20px;line-height:1.2;font-weight:650;letter-spacing:.06em;color:#f7f9fc!important}
.magic-copy-label{font-size:11px;color:var(--magic-brand-blue);white-space:nowrap}
.magic-shop{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;margin:10px 0 9px;padding:12px 14px;border:1px solid transparent;border-radius:8px;background:var(--magic-brand-red);color:var(--magic-ink)!important;font-size:13px;font-weight:750;text-decoration:none!important;transition:background-color .15s ease}
.magic-shop:hover{background:#ec7375}
.magic-offer-urgency{color:var(--magic-muted)!important;font-size:11px!important;font-weight:450;line-height:1.5!important;text-align:center;margin:0 0 18px!important}
#magic-offer-terms{border-top:1px solid #ffffff12;padding-top:14px;color:#aebfd2!important;font-size:11px!important;line-height:1.65!important;margin:0!important}
.magic-offer-dialog .magic-later{display:block;border:0;border-radius:6px;background:transparent;color:#c4d2e2;font-size:11px;min-height:36px;margin:5px auto 0;padding:8px 12px}
.magic-offer-dialog .magic-later:hover{color:#fff;background:#ffffff08}
.magic-promotion button:focus-visible,.magic-offer-dialog button:focus-visible,.magic-offer-dialog a:focus-visible{outline:2px solid var(--magic-brand-blue);outline-offset:3px}
@media(max-width:1200px){.magic-promotion{margin-left:24px;margin-right:24px}}
@media(max-width:800px){.magic-bar-copy small{display:none}.magic-bar-actions,.magic-bar-message{gap:10px}}
@media(max-width:560px){.magic-promotion{margin:10px 16px 0;padding:7px 10px;gap:8px}.magic-discount{font-size:10px;padding:6px 8px}.magic-bar-actions{gap:10px}.magic-promotion .magic-copy{font-size:10px;padding:6px 8px}.magic-details{font-size:11px!important}.magic-bar-copy{display:none}.magic-offer-dialog{padding:26px 22px 12px;border-radius:16px}.magic-offer-dialog h2{font-size:31px!important}.magic-offer-description{margin-bottom:18px!important}}
@media(prefers-reduced-motion:reduce){.magic-promotion button,.magic-offer-dialog button,.magic-shop{transition:none}}