.zc-campaign-bar{--bar-bg:#2563eb;position:relative;z-index:9998;display:flex;align-items:center;justify-content:center;min-height:46px;padding:7px 52px;color:#fff;background:var(--bar-bg);font-size:14px}.zc-campaign-bar.is-amber{--bar-bg:#b45309}.zc-campaign-bar.is-purple{--bar-bg:#6d28d9}.zc-campaign-bar.is-dark{--bar-bg:#0f172a}.zc-campaign-bar>div{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.zc-campaign-bar a{padding:7px 13px;border-radius:9px;background:#fff;color:#0f172a;text-decoration:none;font-weight:800}.zc-campaign-bar button{position:absolute;inset-inline-end:14px;width:32px;height:32px;border:0;border-radius:50%;color:#fff;background:rgba(255,255,255,.14);cursor:pointer}.zc-campaign-bar time,.zc-campaign-bar [data-zc-campaign-timer]{direction:ltr;font-variant-numeric:tabular-nums;font-weight:800}
.zc-campaign-phase,.zc-campaign-lead,.zc-campaign-rewards{max-width:1200px;margin:28px auto;padding:26px;border:1px solid #dbe4f0;border-radius:22px;background:#fff;box-shadow:0 12px 34px rgba(15,23,42,.07)}.zc-campaign-phase{color:#fff;background:radial-gradient(circle at 8% 20%,rgba(255,255,255,.16),transparent 26%),linear-gradient(125deg,#0f172a,#1d4ed8)}.zc-campaign-phase>span,.zc-campaign-rewards header>span,.zc-campaign-lead>div>span{font-size:13px;font-weight:800}.zc-campaign-phase>span{color:#bfdbfe}.zc-campaign-phase h2{margin:7px 0;color:#fff}.zc-campaign-phase p{color:#dbeafe}.zc-campaign-phase time{display:inline-flex;margin-top:12px;padding:9px 13px;border-radius:10px;background:rgba(255,255,255,.12);direction:ltr;font-weight:800}
.zc-campaign-lead{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:28px;align-items:center;background:linear-gradient(135deg,#fff,#eff6ff)}.zc-campaign-lead h2{margin:7px 0}.zc-campaign-lead p{color:#64748b;line-height:1.9}.zc-campaign-lead form{padding:18px;border:1px solid #bfdbfe;border-radius:16px;background:#fff}.zc-campaign-lead label{display:block;margin-bottom:7px;font-weight:800}.zc-campaign-lead form>div,.zc-campaign-lead [data-zc-otp-step]>div{display:flex;gap:8px}.zc-campaign-lead input{min-width:0;flex:1;min-height:48px;padding:8px 12px;border:1px solid #cbd5e1;border-radius:11px}.zc-campaign-lead input:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.14);outline:0}.zc-campaign-lead button{min-height:48px;padding:8px 16px;border:0;border-radius:11px;color:#fff;background:#2563eb;font-weight:800;cursor:pointer}.zc-campaign-lead [data-zc-otp-step]{margin-top:14px}.zc-campaign-lead [data-zc-lead-status]{min-height:24px;margin:10px 0 0}.zc-campaign-lead .is-error{color:#b91c1c}.zc-campaign-lead .is-success{color:#15803d}
.zc-campaign-lead form.is-complete{display:grid;min-height:260px;place-items:center;border-color:#86efac;background:#f0fdf4}.zc-lead-complete{max-width:520px;padding:28px;text-align:center;outline:0}.zc-lead-complete__icon{display:grid;width:64px;height:64px;place-items:center;margin:0 auto 16px;border-radius:50%;background:#16a34a;color:#fff;font-size:34px;font-weight:900}.zc-lead-complete h3{margin:0 0 10px;color:#14532d;font-size:23px}.zc-lead-complete p{margin:0!important;color:#166534!important;line-height:2!important}
.zc-campaign-consent{display:flex!important;align-items:flex-start;gap:8px;margin:12px 0!important;font-size:13px;font-weight:600!important;line-height:1.75}.zc-campaign-consent input{flex:0 0 auto!important;width:20px;height:20px;min-height:20px;margin-top:3px;padding:0}
.zc-campaign-rewards header{margin-bottom:18px}.zc-campaign-rewards h2{margin:6px 0}.zc-reward-roadmap{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.zc-reward-roadmap article{position:relative;display:flex;gap:11px;padding:15px;border:1px solid #e2e8f0;border-radius:15px;background:#f8fafc}.zc-reward-roadmap article>b{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:10px;background:#e2e8f0}.zc-reward-roadmap strong,.zc-reward-roadmap span,.zc-reward-roadmap small{display:block}.zc-reward-roadmap span{margin-top:5px;color:#2563eb}.zc-reward-roadmap small{margin-top:5px;color:#64748b}.zc-reward-roadmap em{position:absolute;top:9px;left:9px;color:#15803d;font-size:11px}.zc-reward-roadmap .is-earned{border-color:#86efac;background:#f0fdf4}.zc-reward-roadmap .is-earned>b{color:#fff;background:#16a34a}
@media(max-width:720px){.zc-campaign-bar{padding:9px 46px 9px 12px;text-align:center}.zc-campaign-bar>div{gap:8px}.zc-campaign-phase,.zc-campaign-lead,.zc-campaign-rewards{margin:18px 12px;padding:19px;border-radius:17px}.zc-campaign-lead{grid-template-columns:1fr}.zc-campaign-lead form>div,.zc-campaign-lead [data-zc-otp-step]>div{align-items:stretch;flex-direction:column}.zc-reward-roadmap{grid-template-columns:1fr}}

/* Shared four-part countdown for announcement bars and campaign phases. */
.zc-campaign-phase time.zc-countdown-units,.zc-campaign-bar .zc-countdown-units{display:grid;grid-template-columns:repeat(4,minmax(58px,1fr));gap:7px;padding:0;background:transparent;direction:ltr}.zc-campaign-phase .zc-countdown-unit,.zc-campaign-bar .zc-countdown-unit{display:grid;place-items:center;gap:2px;padding:8px 7px;border:1px solid rgba(255,255,255,.25);border-radius:10px;background:rgba(255,255,255,.1);font-variant-numeric:tabular-nums;direction:rtl}.zc-campaign-phase .zc-countdown-unit b,.zc-campaign-bar .zc-countdown-unit b{font-size:20px;line-height:1.15}.zc-campaign-phase .zc-countdown-unit small,.zc-campaign-bar .zc-countdown-unit small{font-size:10px;opacity:.82}.zc-campaign-bar .zc-countdown-unit{padding:4px 7px}.zc-campaign-bar .zc-countdown-unit b{font-size:15px}
.zc-campaign-bars{position:relative;z-index:9998;display:grid;width:100%;isolation:isolate}.zc-campaign-bars .zc-campaign-bar{position:relative;z-index:auto;min-width:0}.zc-campaign-bars .zc-campaign-bar+.zc-campaign-bar{border-top:1px solid rgba(255,255,255,.22)}
@media(max-width:600px){.zc-campaign-bars{max-width:100%;overflow-x:clip}.zc-campaign-bar .zc-countdown-units{order:3;width:100%;grid-template-columns:repeat(4,minmax(50px,1fr))}.zc-campaign-phase time.zc-countdown-units{grid-template-columns:repeat(4,minmax(50px,1fr));width:100%}}