body{background-color:#111827;background-image:linear-gradient(to bottom,#111827,#4b5563);color:#e5e7eb;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;margin:0;padding:1rem}.main__article{display:grid;row-gap:2rem}web-countdown{--color-bg: rgba(255, 255, 255, .1);--color-text: #f3f4f6;--color-heading: #ffffff;--color-item-bg: rgba(0, 0, 0, .2);--color-item-text: #ffffff;--color-label: #d1d5db;--font-main: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;display:block;font-family:var(--font-main);background:var(--color-bg);color:var(--color-text);padding:2rem;border-radius:1rem;text-align:center;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);max-width:500px}web-countdown h2{margin:0 0 1.5rem;font-size:1.25rem;font-weight:600;color:var(--color-heading);text-transform:uppercase;letter-spacing:.05em}.timer{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.timer-item{display:flex;flex-direction:column;align-items:center;background-color:var(--color-item-bg);padding:1rem;border-radius:.5rem;min-width:80px;box-shadow:inset 0 2px 4px #0000000f}.timer-value{font-size:2rem;font-weight:800;color:var(--color-item-text);line-height:1;font-variant-numeric:tabular-nums}.timer-label{margin-top:.5rem;font-size:.75rem;font-weight:500;text-transform:uppercase;color:var(--color-label)}