body{background:radial-gradient(circle at 20% 30%,#d8c3f0 0%,transparent 40%),radial-gradient(circle at 80% 20%,#c3f0ec 0%,transparent 40%),radial-gradient(circle at 70% 80%,#f5d0c5 0%,transparent 40%),#f4f4f4;filter:blur(radial-gradient(circle at 20% 30%,#d8c3f0 0%,transparent 60%));padding:20px}.container{min-height:100vh;display:flex;justify-content:center;align-items:center;border-radius:10px}.card{display:flex;background:radial-gradient(circle at 20% 30%,#d8c3f0 0%,transparent 0%),radial-gradient(circle at 80% 20%,#c3f0ec 0%,transparent 0%),radial-gradient(circle at 70% 80%,#f5d0c5 0%,transparent 0%),#f4f4f4;filter:blur(radial-gradient(circle at 20% 30%,#d8c3f0 0%,transparent 60%));padding:50px;border-radius:20px;box-shadow:0 0 0 10px #ffffff8c;gap:40px;align-items:center;font-family:Arial,sans-serif;margin:0 70pc}.card-image img{width:150px;border-radius:50%;box-shadow:0 0 3px 8px #d8e6e7;margin-bottom:100px}.card-content h1,.card-content h2{margin:5px 0}.card-content h2{color:#6b7280;font-size:16px;font-weight:400}.stats{display:flex;gap:0px;justify-content:center}.stats div{display:flex;text-align:center;padding:0 50px;flex-direction:column}.stats div h3{margin:0;font-size:18px;padding:0%;font-weight:lighter}.stats div p{margin:0%;padding:0%;font-size:15px;color:gray}.stats div:not(:last-child){border-right:1px solid #ccc}.buttons{display:flex;gap:15px;padding-top:10px}.buttons button{padding:8px 25px;border-radius:8px;cursor:pointer;font-weight:lighter;transition:all .3s ease}.buttons button:first-child{background-color:#a3e6de;border:none}.buttons button:last-child{background-color:transparent;border:1px solid #ccc}.buttons button:first-child:hover{background-color:#8bd4ca;transform:translate(-2px);box-shadow:0 4px 8px #0000001a}.buttons button:last-child:hover{background-color:#cbcfd8}@media(max-width:768px){.card{flex-direction:column;text-align:center;padding:20px;gap:20px;justify-content:center}.buttons{justify-content:center}.card-image img{margin-bottom:0}.stats div{padding:0 20px}}@media(max-height:500px)and (orientation:landscape){.card{transform:scale(.8)}}@media(max-width:300px){.card{padding:10px;gap:10px;border-radius:10px}.card-content h1{font-size:18px}.card-content h2{font-size:12px}.card-content p:not(:last-child){display:none}.stats{flex-direction:column;gap:5px}.stats div:not(:last-child){border-right:none;border-bottom:1px solid #ccc;padding-bottom:5px}.buttons{flex-direction:column;width:100%}.buttons button{width:100%}.card-image img{width:80px}}