.counter-card{background:white;padding:3rem;border-radius:20px;box-shadow:0 20px 60px #0000004d;text-align:center;min-width:300px}.title{color:#333;font-size:2rem;margin-bottom:1.5rem;font-weight:700}.count-display{font-size:5rem;font-weight:800;color:#667eea;margin:2rem 0;line-height:1}.buttons{display:flex;gap:1rem;justify-content:center;align-items:center}.btn{border:none;border-radius:12px;font-size:1.5rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0003}.btn:active{transform:translateY(0)}.decrement{background:#ff6b6b;color:#fff;width:60px;height:60px}.decrement:hover{background:#ff5252}.increment{background:#51cf66;color:#fff;width:60px;height:60px}.increment:hover{background:#40c057}.reset{background:#868e96;color:#fff;padding:0 1.5rem;height:50px;font-size:1rem}.reset:hover{background:#495057}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;display:flex;align-items:center;justify-content:center}