:root{--color-bg-start:#0b3d2e;--color-bg-end:#03110c;--color-primary:#f8b803;--color-primary-soft:#ffd95a;--color-text:#f4f7f5;--color-muted:#9db5aa;--color-surface:#ffffff0f;--color-surface-border:#ffffff1f;--color-perfect:#4ade80}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;color:var(--color-text);background:radial-gradient(circle at 50% 0%, var(--color-bg-start), var(--color-bg-end) 70%);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;padding:2rem 1.5rem;font-family:Instrument Sans,ui-sans-serif,system-ui,sans-serif;display:flex;overflow-x:hidden}.badge{border:1px solid var(--color-surface-border);letter-spacing:.18em;text-transform:uppercase;color:var(--color-primary-soft);background:var(--color-surface);border-radius:999px;align-items:center;gap:.5rem;padding:.4rem 1rem;font-size:.8rem;display:inline-flex}.title{letter-spacing:-.02em;font-size:clamp(2.25rem,7vw,4.5rem);font-weight:800;line-height:1.05}.title span{color:var(--color-primary)}.countdown{flex-wrap:wrap;justify-content:center;gap:clamp(.75rem,3vw,1.75rem);display:flex}.unit{background:var(--color-surface);border:1px solid var(--color-surface-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:1rem;flex-direction:column;align-items:center;gap:.5rem;min-width:clamp(4.5rem,18vw,7.5rem);padding:1.25rem 1rem;display:flex}.unit .value{font-variant-numeric:tabular-nums;color:var(--color-primary-soft);font-size:clamp(2.25rem,8vw,4rem);font-weight:800;line-height:1}.unit .label{letter-spacing:.2em;text-transform:uppercase;color:var(--color-muted);font-size:.75rem}.kickoff{color:var(--color-muted);font-size:.9rem}.live{color:var(--color-primary);font-size:clamp(1.5rem,5vw,2.25rem);font-weight:700}.top-nav{z-index:10;gap:.75rem;display:flex;position:fixed;top:1.5rem;right:1.5rem}.btn{border:1px solid var(--color-surface-border);color:var(--color-text);background:var(--color-surface);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;align-items:center;padding:.5rem 1.1rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:border-color .2s,background .2s;display:inline-flex}.btn:hover{border-color:var(--color-primary-soft)}.btn-primary{color:var(--color-bg-end);background:var(--color-primary);border-color:var(--color-primary)}.btn-primary:hover{background:var(--color-primary-soft);border-color:var(--color-primary-soft)}