.media-navbar-header{z-index:1000;background:#232323cc;width:100%;position:fixed;top:0;left:0}.media-navbar-nav{flex-direction:row;justify-content:space-between;align-items:center;max-width:100vw;height:90px;padding:0 16px;display:flex}.media-navbar-title{color:#2196f3;letter-spacing:.5px;font-size:1.5rem;font-weight:700}.media-cards-container{padding:110px 16px 32px}.media-card{opacity:0;background:#022d5d;border-radius:16px;flex-direction:column;align-items:center;animation:1s cubic-bezier(.23,1,.32,1) both slideInUp;display:flex;overflow:hidden;box-shadow:0 4px 16px #00000014}.media-card:first-child{animation-delay:.1s}.media-card:nth-child(2){animation-delay:.3s}.media-card:nth-child(3){animation-delay:.5s}.media-card:nth-child(4){animation-delay:.7s}@keyframes slideInUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}.media-card-img{object-fit:cover;background:#1976d2;width:100%;height:360px}.media-card-content{color:#fff;text-align:center;padding:16px}.media-card-title{margin-bottom:8px;font-size:1.2rem;font-weight:700}.media-card-desc{margin-bottom:16px;font-size:1rem}.media-card-btn{color:#2196f3;cursor:pointer;background:#fff;border:none;border-radius:8px;padding:10px 24px;font-size:1rem;font-weight:700;transition:background .2s,color .2s}.media-card-btn:hover{color:#fff;background:#1976d2}.media-page-bg{background:#000;min-height:100vh}.media-grid{grid-template-columns:repeat(1,1fr);gap:24px;width:100%;display:grid}@media (min-width:768px){.media-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1440px){.media-grid{gap:32px}}.media-card{transition:transform .2s,box-shadow .2s}.media-card:hover{transform:translateY(-5px);box-shadow:0 6px 18px #00000026}