body{color:#333;background:linear-gradient(135deg,#a8c0ff,#3f2b96);justify-content:center;align-items:center;height:100vh;margin:0;font-family:Poppins,sans-serif;display:flex}.app{text-align:center}.card{background-color:#fff;border-radius:20px;padding:40px 50px;transition:transform .3s;box-shadow:0 8px 20px #00000026}.card:hover{transform:scale(1.02)}h1{color:#2c3e50;margin:0 0 10px;font-size:1.8rem}p{color:#7f8c8d;margin-bottom:30px;font-size:.9rem}.counter{flex-direction:column;align-items:center;display:flex}.count-display{color:#3f2b96;background:linear-gradient(90deg,#3f2b96,#a8c0ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:30px;font-size:4rem;font-weight:700;transition:transform .2s}.count-display:active{transform:scale(1.1)}.buttons{gap:15px;display:flex}.btn{color:#fff;cursor:pointer;background-color:#3f2b96;border:none;border-radius:10px;padding:12px 20px;font-size:16px;font-weight:600;transition:all .2s;box-shadow:0 4px 10px #3f2b964d}.btn:hover{background-color:#5b4bcb;transform:translateY(-2px);box-shadow:0 6px 15px #3f2b9666}.btn:active{transform:translateY(2px);box-shadow:0 2px 8px #3f2b9633}