.countdown{
    display:flex;
    flex-wrap:wrap;
    gap:var(--space-md);
    margin-top:var(--space-lg);
}

.countdown__item{
    min-width:90px;
    padding:1rem;
    text-align:center;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.08);
    border-radius:var(--radius-md);
    backdrop-filter:blur(8px);
    transition:var(--transition-normal);
}

.countdown__item:hover{
    transform:translateY(-4px);
    background:rgba(255,255,255,.12);
}

.countdown__item span{
    display:block;
    font-family:var(--font-heading);
    font-size:var(--fs-2xl);
    font-weight:700;
    color:var(--color-secondary);
}

.countdown__item small{
    display:block;
    margin-top:.4rem;
    font-size:var(--fs-sm);
    text-transform:uppercase;
    letter-spacing:.08em;
    color:var(--color-text-muted);
}

.countdown-section {
    background:
        linear-gradient(
            135deg,
            var(--color-surface),
            var(--color-background)
        );
}

.countdown-section .countdown {
    justify-content: center;
}

.countdown-section .countdown__item {
    min-width: 130px;
    padding: var(--space-lg);
}

.countdown-section .countdown__item span {
    font-size: var(--fs-3xl);
}