@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap";.container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:1rem}.counter-card{background:var(--card-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:3rem 2rem;width:100%;max-width:400px;text-align:center;box-shadow:0 25px 50px -12px #00000080;animation:slideUp .6s cubic-bezier(.16,1,.3,1)}.title{font-size:2rem;font-weight:800;margin-bottom:2rem;background:linear-gradient(to right,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.05em}.count-display{background:#0003;border-radius:100px;padding:2rem;margin-bottom:2.5rem;box-shadow:inset 0 2px 10px #0000004d}.count-value{font-size:5rem;font-weight:800;line-height:1;transition:color .3s ease;font-variant-numeric:tabular-nums}.count-value.positive{color:#34d399}.count-value.negative{color:#f87171}.button-group{display:flex;justify-content:center;gap:1rem;align-items:center}.btn{border:none;border-radius:16px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:inherit;display:flex;justify-content:center;align-items:center;color:#fff}.btn:active{transform:scale(.95)}.btn-decrement,.btn-increment{font-size:2rem;width:64px;height:64px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}.btn-decrement:hover{background:#f43f5e;border-color:#f43f5e;box-shadow:0 0 20px #f43f5e66}.btn-increment:hover{background:#10b981;border-color:#10b981;box-shadow:0 0 20px #10b98166}.btn-reset{font-size:1.1rem;padding:0 2rem;height:64px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));box-shadow:0 10px 20px #6366f14d;flex-grow:1}.btn-reset:hover{filter:brightness(1.1);box-shadow:0 10px 25px #6366f180}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}:root{--primary-color: #6366f1;--secondary-color: #ec4899;--bg-gradient: linear-gradient(135deg, #0f172a 0%, #1e1b4b 100%);--card-bg: rgba(255, 255, 255, .05);--text-primary: #f8fafc;--text-secondary: #94a3b8}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Outfit,sans-serif;background:var(--bg-gradient);color:var(--text-primary);min-height:100vh;display:flex;justify-content:center;align-items:center}#root{width:100%}