*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:radial-gradient(ellipse at top,#1b2735 0,#090a0f 100%);color:#e6edf3}.main{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.card{text-align:center;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:3rem 3.5rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 20px 60px rgba(0,0,0,.5)}.label{font-size:.85rem;text-transform:uppercase;letter-spacing:.15em;color:#8b949e;margin-bottom:.75rem}.clock{font-size:clamp(2rem,6vw,3.5rem);font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:#7ee787}.date{font-size:1.1rem;color:#c9d1d9;margin-top:.35rem}.divider{height:1px;background:rgba(255,255,255,.1);margin:2rem 0}.countdown{display:flex;align-items:baseline;justify-content:center;gap:.75rem}.unit{display:flex;flex-direction:column;align-items:center;min-width:4.5rem}.value{font-size:clamp(2.5rem,8vw,4.5rem);font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1}.unit-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:#8b949e;margin-top:.5rem}.colon{font-weight:300;color:#8b949e}.colon,.done{font-size:clamp(2rem,6vw,3.5rem)}.done{font-weight:800;color:#7ee787}@media (max-width:520px){.card{padding:2rem 1.5rem}.unit{min-width:3rem}}