.nova-countdown-section {
    --cd-bg: #0b1220;
    --cd-bg-end: #1e293b;
    --cd-text: #ffffff;
    --cd-text-muted: color-mix(in srgb, var(--cd-text) 68%, transparent);
    --cd-accent: #e11d48;
    --cd-accent-on: #ffffff;
    --cd-card-bg: color-mix(in srgb, var(--cd-text) 12%, transparent);
    --cd-card-border: color-mix(in srgb, var(--cd-text) 16%, transparent);
    background: linear-gradient(135deg, var(--cd-bg) 0%, var(--cd-bg-end) 100%);
    color: var(--cd-text);
}

.nova-countdown-section .nova-countdown-badge {
    letter-spacing: 1px;
    text-transform: uppercase;
    background: var(--cd-accent) !important;
    color: var(--cd-accent-on) !important;
}

.nova-countdown-section .nova-countdown-title {
    color: var(--cd-text);
}

.nova-countdown-section .nova-countdown-sub {
    color: var(--cd-text-muted);
}

.nova-countdown-section .nova-timer-card {
    min-width: 80px;
    background: var(--cd-card-bg);
    border: 1px solid var(--cd-card-border);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.nova-countdown-section .nova-timer-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px color-mix(in srgb, var(--cd-bg) 55%, transparent);
}

.nova-countdown-section .nova-timer-value {
    color: var(--cd-text);
}

.nova-countdown-section .nova-timer-value--accent {
    color: var(--cd-accent);
}

.nova-countdown-section .nova-timer-label {
    color: var(--cd-text-muted);
}

.nova-countdown-section .nova-countdown-cta {
    border: none;
    background: var(--cd-accent) !important;
    color: var(--cd-accent-on) !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.nova-countdown-section .nova-countdown-cta:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 20px color-mix(in srgb, var(--cd-accent) 45%, transparent);
    color: var(--cd-accent-on) !important;
}

@media (max-width: 575.98px) {
    .nova-countdown-section .nova-timer-card {
        min-width: 64px;
        padding: 0.65rem !important;
    }

    .nova-countdown-section .nova-timer-card .h2 {
        font-size: 1.35rem;
    }
}
