.event-countdown{max-width:460px;margin:8px 0 28px;padding:19px 22px 17px;border:1px solid #38c9f244;border-radius:12px;background:linear-gradient(120deg,#082039e8,#030d20e8);box-shadow:inset 0 1px 0 #93ebff14,0 0 28px #00b7ff0a}
.countdown-kicker{margin:0 0 15px;font:10px/1.6 var(--mono);letter-spacing:.13em;color:#91cfe6}
.countdown-digits{display:grid;grid-template-columns:minmax(0,1fr) 10px minmax(0,1fr) 10px minmax(0,1fr) 10px minmax(0,1fr);align-items:start;text-align:center}
.countdown-unit strong{display:block;font:500 clamp(32px,4vw,48px)/1.15 var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.04em;color:#7aefff;text-shadow:0 0 18px #00c8ff60}
.countdown-unit span{display:block;margin-top:8px;font:10px/1.4 var(--mono);letter-spacing:.15em;color:#aec7db}
.countdown-divider{font:400 30px/1.6 var(--mono);color:#2d85a6}
.countdown-date{border-top:1px solid #54b9e022;padding-top:13px;margin:16px 0 0;font:11px/1.7 var(--body);color:#93acc2;text-align:center}
@media(max-width:540px){.event-countdown{padding:17px 14px;max-width:none}.countdown-kicker{font-size:9px;letter-spacing:.08em}.countdown-date{font-size:11px}.countdown-unit strong{font-size:36px}}
@media(max-width:400px){.countdown-unit strong{font-size:28px}.countdown-unit span{font-size:9px;letter-spacing:.04em}.countdown-divider{font-size:22px}}