.media-cards{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;padding:2rem}.media-card-wrapper{position:relative;transition:all .3s ease;width:380px}.media-card{background:#fff;border:2px solid #08538c;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.06);display:flex;flex-direction:column;overflow:hidden;transition:all .4s ease}.media-card.expanded{box-shadow:0 12px 28px rgba(0,0,0,.15);transform:scale(1.02)}.media-icon{align-items:center;background-image:linear-gradient(#fff,#a2c4c9);display:flex;justify-content:center;padding:1.5rem}.media-icon img{height:160px;object-fit:contain;width:260px}.media-content{flex-grow:1;padding:1rem 1.5rem;text-align:center}.media-content h3{color:#0f038c;font-size:1.25rem;margin-bottom:.5rem}.media-content p{color:#444;font-size:.95rem;margin-bottom:1rem}.media-button{background-color:#0f038c;border-radius:20px;color:#fff;display:inline-block;font-size:.9rem;font-weight:600;padding:.5rem 1rem;text-decoration:none;transition:background-color .3s ease}.media-button:hover{background-color:#2a1d9d}.media-preview{background:#fff;max-height:0;overflow:hidden;transition:max-height .6s ease}.media-card.expanded .media-preview{max-height:250px}.media-preview iframe{border:none;display:block;height:250px;width:100%}@media (max-width:768px){.media-cards{align-items:center;flex-direction:column}.media-card-wrapper{width:90%}}