*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#141e30,#243b55);padding:20px}.counter-wrapper{background:#ffffff1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;padding:40px 30px;text-align:center;color:#fff;box-shadow:0 10px 25px #0000004d;transition:transform .3s ease,box-shadow .3s ease}.counter-wrapper:hover{transform:translateY(-6px);box-shadow:0 15px 35px #00000073}.counter-wrapper h1{font-size:2.2rem;font-weight:700;margin-bottom:20px;letter-spacing:1px}.counter-wrapper h3{font-size:1.6rem;font-weight:500;margin-bottom:35px;color:#e0e0e0}button{padding:14px 22px;margin:8px;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;color:#fff;min-width:120px}.one{background:linear-gradient(to right,#00b09b,#96c93d)}.one:hover{background:linear-gradient(to right,#00a08b,#7bb82f);box-shadow:0 6px 15px #00b09b66}.two{background:linear-gradient(to right,#ff512f,#dd2476)}.two:hover{background:linear-gradient(to right,#e63900,#c51d65);box-shadow:0 6px 15px #dd247666}.three{background:linear-gradient(to right,#757f9a,#d7dde8);color:#1f2937}.three:hover{background:linear-gradient(to right,#636c85,#c7ced9);box-shadow:0 6px 15px #757f9a66}@media (max-width: 500px){.counter-wrapper{padding:30px 20px}.counter-wrapper h1{font-size:1.8rem}.counter-wrapper h3{font-size:1.4rem}button{width:100%;margin:10px 0}}