body{font-family:Arial,Helvetica,sans-serif;margin:0;display:flex;justify-content:center;align-items:center;min-height:100vh;background:#f0f0f0}.card{border:1px solid #ddd;border-radius:20px;padding:20px 40px;margin-top:50px;background:#fff;box-shadow:0 4px 15px #0000001a;text-align:center}.card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000026;transition:all .3s ease}h2{font-size:28px;margin-bottom:10px;color:#222}.h4{display:block;font-size:40px;font-weight:700;margin:20px 0;color:#000}.try{display:flex;justify-content:center;gap:15px;margin-top:20px}button{border:none;border-radius:8px;padding:10px 20px;cursor:pointer;font-size:16px;font-weight:700;color:#333;transition:all .3s ease}button:hover{transform:scale(1.05);border-radius:20px;box-shadow:0 0 10px #0003}button:active{transform:scale(.9)}.up{background-color:#4ade80}.down{background-color:#f87171}.zero{background-color:#facc15}.zero:active{transform:rotate(360deg);transition:transform .6s ease}