:root{--bg:#0b1020;--surface:hsla(0,0%,100%,.03);--border:hsla(0,0%,100%,.08);--text:#e5e7eb;--muted:#9ca3af;--accent:#6366f1;--accent2:#8b5cf6}*{box-sizing:border-box}body,html{height:100%}body{margin:0;color:var(--text);background:radial-gradient(1200px 800px at 50% -20%,#1f2937 0,#0b1020 50%,#0a0f1f 100%);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji}main{min-height:100vh;display:grid;place-items:center;padding:24px}.counter-card{width:min(440px,92vw);background:linear-gradient(180deg,var(--surface),hsla(0,0%,100%,.02));border:1px solid var(--border);border-radius:16px;padding:28px;box-shadow:0 12px 30px rgba(0,0,0,.35);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.value{margin:10px 0 22px;text-align:center;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:96px;font-weight:800;letter-spacing:-.02em;background:linear-gradient(180deg,#fff,#c7d2fe);-webkit-background-clip:text;background-clip:text;color:transparent}.actions{display:flex;justify-content:center}.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border:none;padding:14px 22px;border-radius:12px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 6px 18px rgba(99,102,241,.35);transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}.button:hover{transform:translateY(-1px);filter:brightness(1.05);box-shadow:0 10px 22px rgba(99,102,241,.45)}.button:active{transform:translateY(0);filter:brightness(.98);box-shadow:0 3px 10px rgba(99,102,241,.35)}