.app{min-height:100vh;display:grid;place-items:center;padding:2rem}.card{width:min(100%,32rem);background:#ffffffeb;border:1px solid rgba(148,163,184,.35);border-radius:1rem;padding:2rem;box-shadow:0 20px 45px #0f172a14}.badge{display:inline-block;margin:0 0 1rem;padding:.35rem .75rem;border-radius:999px;background:#dcfce7;color:#166534;font-size:.85rem;font-weight:600}h1{margin:0 0 .75rem;font-size:2rem}.subtitle{margin:0 0 1.5rem;color:#475569}.counter button{border:none;border-radius:.75rem;padding:.85rem 1.25rem;font-size:1rem;font-weight:600;color:#fff;background:#4f46e5;cursor:pointer;transition:transform .15s ease,background .15s ease}.counter button:hover{background:#4338ca;transform:translateY(-1px)}.meta{margin:1.5rem 0 0;font-size:.85rem;color:#64748b}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#0f172a;background:linear-gradient(160deg,#eef2ff,#f8fafc 45%,#ecfeff);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh}#root{min-height:100vh}