body.landing-page.dark-mode .floating-alert__box {
    --alert-bg: rgba(15, 23, 42, 0.82);
    --alert-border: rgba(56, 189, 248, 0.5);
    --alert-text: #e0f2fe;
    --alert-accent: #0ea5e9;
    --alert-glow: rgba(56, 189, 248, 0.32);

    box-shadow: 0 28px 60px -30px rgba(2, 6, 23, 0.8);
    background: linear-gradient(150deg, rgba(15, 23, 42, 0.9), var(--alert-bg));
}

body.landing-page.dark-mode .floating-alert__box::after {
    border-color: rgba(255, 255, 255, 0.18);
}

body.landing-page.dark-mode .floating-alert__timer {
    background: rgba(15, 23, 42, 0.55);
    border-color: rgba(255, 255, 255, 0.16);
}

body.landing-page.dark-mode .floating-alert__timer-track {
    stroke: rgba(148, 163, 184, 0.75);
}