.koc-blogcta-overlay{z-index:1200;background:#0f131166;justify-content:center;align-items:flex-end;padding:16px;animation:.2s koc-blogcta-fade;display:flex;position:fixed;inset:0}@media (min-width:640px){.koc-blogcta-overlay{align-items:center}}.koc-blogcta-card{background:var(--bg-surface,#fff);border:1px solid var(--border-base,#e6e8e5);border-radius:14px;width:100%;max-width:420px;padding:26px 22px 20px;animation:.22s koc-blogcta-rise;position:relative;box-shadow:0 16px 48px #00000038}.koc-blogcta-close{width:30px;height:30px;color:var(--fg-muted,#7a8480);cursor:pointer;background:0 0;border:none;font-size:22px;line-height:1;position:absolute;top:10px;right:12px}.koc-blogcta-close:hover{color:var(--fg-base,#0f1311)}.koc-blogcta-title{color:var(--fg-base,#0f1311);margin:0 0 8px;padding-right:24px;font-size:18px;font-weight:700;line-height:1.35}.koc-blogcta-body{color:var(--fg-muted,#5b635f);margin:0 0 18px;font-size:13.5px;line-height:1.6}.koc-blogcta-btns{flex-wrap:wrap;gap:10px;display:flex}.koc-blogcta-now{background:var(--accent-pitch,#0f7b3f);color:#fff;text-align:center;border-radius:8px;flex:auto;min-width:150px;padding:12px 16px;font-size:14px;font-weight:700;text-decoration:none}.koc-blogcta-now:hover{filter:brightness(1.06)}.koc-blogcta-later{border:1px solid var(--border-base,#e6e8e5);color:var(--fg-base,#0f1311);cursor:pointer;background:0 0;border-radius:8px;flex:0 auto;padding:12px 14px;font-size:13px;font-weight:600}.koc-blogcta-later:hover{border-color:var(--fg-base,#0f1311)}.koc-blogcta-bar{z-index:1100;background:var(--fg-base,#0f1311);color:#fff;border-radius:999px;align-items:center;gap:12px;max-width:calc(100% - 24px);padding:10px 12px 10px 18px;animation:2.4s ease-in-out infinite koc-blogcta-pulse;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #00000047}.koc-blogcta-bar-label{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.koc-blogcta-bar-btn{background:var(--accent-pitch,#0f7b3f);color:#fff;white-space:nowrap;border-radius:999px;flex:none;padding:8px 16px;font-size:13px;font-weight:700;text-decoration:none}.koc-blogcta-bar-btn:hover{filter:brightness(1.08)}.koc-blogcta-bar-x{color:#ffffffb3;cursor:pointer;background:0 0;border:none;flex:none;width:26px;height:26px;font-size:18px;line-height:1}.koc-blogcta-bar-x:hover{color:#fff}@keyframes koc-blogcta-fade{0%{opacity:0}to{opacity:1}}@keyframes koc-blogcta-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes koc-blogcta-pulse{0%,to{box-shadow:0 8px 28px #00000047}50%{box-shadow:0 8px 28px #0f7b3f8c}}@media (prefers-reduced-motion:reduce){.koc-blogcta-overlay,.koc-blogcta-card,.koc-blogcta-bar{animation:none}}
.koc-countdown{border:1px solid var(--border-base);background:var(--bg-surface);color:var(--fg-base);border-radius:12px;margin:1.5rem 0;padding:22px 24px;position:relative;overflow:hidden}.koc-countdown:before{content:"";background:var(--accent-pitch);border-radius:0 0 3px;width:96px;height:3px;position:absolute;top:0;left:0}.koc-countdown-skeleton{min-height:148px}.koc-countdown-label{color:var(--fg-muted);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;margin:0 0 14px;font-size:11px;font-weight:700}.koc-countdown-cells{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.koc-countdown-cell{border:1px solid var(--border-base);background:var(--bg-base);border-radius:8px;flex-direction:column;justify-content:space-between;align-items:flex-start;min-height:96px;padding:14px 14px 12px;display:flex}.koc-countdown-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum";letter-spacing:-.02em;color:var(--fg-base);font-size:clamp(2rem,5.5vw,3rem);font-weight:800;line-height:1}.koc-countdown-unit{color:var(--fg-muted);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;align-self:flex-end;margin-top:8px;font-size:11px;font-weight:700}.koc-countdown-ended{text-align:center;padding:24px}.koc-countdown-ended .koc-countdown-label{margin-bottom:6px}.koc-countdown-ended-text{color:var(--fg-muted);font-size:1.5rem;font-weight:700}@media (max-width:640px){.koc-countdown-cells{grid-template-columns:repeat(2,minmax(0,1fr))}.koc-countdown-cell{min-height:96px}}