.countdown2028{--c-bg1:#020617;--c-bg2:#0f172a;--c-bg3:#1e293b;--c-bg4:#0c4a6e;--c-bg5:#1d4ed8;--c-accent:#00e5ff;position:relative;overflow:hidden;width:100%;padding:clamp(2rem,4vw,4rem);border-radius:32px;background:linear-gradient(-45deg,var(--c-bg1),var(--c-bg2),var(--c-bg3),var(--c-bg4),var(--c-bg5));background-size:400% 400%;animation:countdown2028-gradient 15s ease infinite;box-shadow:0 20px 60px rgba(15,23,42,0.15), 0 10px 30px rgba(29,78,216,0.15);}.countdown2028-grid{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:1rem;}.countdown2028-unit{position:relative;overflow:hidden;padding:1.75rem 1rem;text-align:center;color:#fff;background:var(--c-bg);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--c-border);border-radius:24px;transition:all .3s ease;box-shadow:0 0 30px rgba(0,229,255,0.2), 0 10px 30px rgba(0,0,0,0.25);border-color:rgba(0,229,255,0.5);}.countdown2028-number{font-size:clamp(2.5rem,5vw,5rem);font-weight:800;line-height:1;color:var(--c-text);text-shadow:0 0 20px rgba(0,229,255,0.4);}.countdown2028-label{margin-top:0.8rem;font-size:0.85rem;letter-spacing:.25em;text-transform:uppercase;opacity:.75;color:var(--c-text);}@media (max-width: 800px){.countdown2028-grid{grid-template-columns:repeat(2,1fr);}}@media (max-width: 500px){.countdown2028-grid{grid-template-columns:1fr;}}@media (prefers-reduced-motion: reduce){.countdown2028-unit{transition:none;}}