*{margin:0;padding:0;font-family:Poppins,sans-serif;box-sizing:border-box}.container{width:100%;min-height:100vh;background:linear-gradient(135deg,#1f2024,#1f2024);padding:10px}.card{margin:100px auto 0;width:350px;height:515px;border-radius:20px}.card-inner{width:100%;height:100%;position:relative;transition:transform 1s;transform-style:preserve-3d}.front,.back{width:100%;height:100%;border-radius:15px;position:absolute;backface-visibility:hidden}.front{width:350px;height:515px;border-radius:20px;background-size:cover;background-position:center;padding:60px 40px;display:flex;flex-direction:column;color:#fff;overflow:hidden}.card-background{position:absolute;top:-20%;left:0;object-fit:cover;width:120%}.front-content{position:absolute;z-index:10;text-shadow:0px 0px 10px black}.front h2{font-weight:700;font-size:2rem}.front p{color:#c8d6bc;font-size:1.5rem}.front button{width:10rem;border:2px solid #fff;background:#ffffff30;-webkit-backdrop-filter:blur(5px) saturate(50%);backdrop-filter:blur(5px) saturate(50%);border-radius:100px;padding:10px 20px;cursor:pointer;margin-top:20px;color:#fff;font-size:1rem}.back{width:350px;height:515px;border-radius:20px;background:#8ba486;color:#fff;padding:0 40px;transform:rotateY(180deg);z-index:20;position:relative;overflow:hidden}.back h1{font-size:4rem;line-height:55px;margin-top:-40px;margin-bottom:10px}.back h1 span{font-weight:400}.back p{font-size:1rem}.back img{width:120px;position:relative;left:120px}.row{flex-grow:1;height:5rem;display:flex;align-items:center;justify-content:center;margin-top:30px}.col{flex:1;text-align:center;color:#cbe6ce;position:relative}.col p{font-size:1.4rem}.col h2{font-size:1.5rem}.col:last-child:after{display:none}.col p{margin-top:5px}.back-content{top:0;left:0;position:absolute;z-index:10;padding:0 40px}.back button{background:#7800ad;color:#fff;border:0;outline:0;padding:8px 25px;border-radius:30px;font-size:1rem;margin-right:15px;box-shadow:0 8px 10px #7800ad4d}.back a{width:40px;height:40px;border-radius:50%;box-shadow:0 5px 10px #0003;display:flex;align-items:center;justify-content:center;margin:0 5px;background:#4f754c}.back a img{width:70%;height:70%;position:static;fill:#fff}.card:hover .card-inner{transform:rotateY(180deg)}.card-back-background{position:absolute!important;top:-20%;left:-5%!important;object-fit:cover;width:120%!important;filter:blur(5px) brightness(.75);-webkit-transform:scaleX(-1);transform:scaleX(-1)}