.cards-wrapper{background:#fff;display:flex;flex-direction:column;gap:24px;margin-top:40px;padding:0 24px 48px}.cards-row{display:flex;flex-wrap:wrap;gap:24px;width:100%}.top-row .cards-card{flex:1 1 100%;height:400px}.bottom-row .cards-card{flex:1 1 calc(50% - 12px);height:400px}.cards-card{align-items:flex-end;border-radius:16px;display:flex;overflow:hidden;position:relative;transition:transform .2s ease,box-shadow .3s ease}.cards-card:hover{box-shadow:0 23px 86px -30px rgba(0,0,0,.1);transform:scale(1.02)}.cards-top:hover{box-shadow:none;transform:none}.cards-bg{background-position:50%;background-size:cover;inset:0;position:absolute;z-index:1}.cards-inner{align-items:center;background:linear-gradient(180deg,rgba(38,101,226,.3),rgba(0,0,0,.9));display:flex;flex-direction:column;gap:12px;height:100%;justify-content:flex-end;padding:32px 24px;position:relative;text-align:center;width:100%;z-index:2}.cards-title{color:#fff;font-family:Roboto-Bold,sans-serif;font-size:28px;font-weight:700;line-height:1.5}.cards-meta{color:#fff;font-family:Roboto-SemiBold,sans-serif;font-size:12px;font-weight:600;letter-spacing:.22em;line-height:120%;margin-bottom:16px;text-align:center;text-transform:uppercase}.cards-button{align-items:center;border:1px solid hsla(0,0%,100%,.8);border-radius:999px;cursor:pointer;display:flex;height:56px;justify-content:center;padding:0 30px;transition:background-color .2s ease}.cards-button:hover{background-color:hsla(0,0%,100%,.1)}.cards-label{color:#fff;font-family:Roboto-SemiBold,sans-serif;font-size:12px;font-weight:600;letter-spacing:.22em;line-height:120%;text-align:center;text-transform:uppercase}@media screen and (max-width:768px){.cards-wrapper{padding:0 16px 40px}.cards-row{flex-direction:column}.bottom-row .cards-card,.top-row .cards-card{flex:1 1 100%}}