.media-modern{position:relative;overflow:hidden;padding:105px 0 90px;background-color:#061d3e;background-image:linear-gradient(rgba(56,116,170,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(56,116,170,.12) 1px,transparent 1px);background-size:92px 92px;color:#fff;font-family:"Segoe UI",Arial,sans-serif}.media-modern:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0,rgba(38,130,190,.12),transparent 38%);pointer-events:none}.media-modern-shell{position:relative;width:min(1165px,calc(100% - 32px));margin:auto}.media-modern-head{text-align:center}.media-modern-head>span{display:inline-block;margin-bottom:8px;color:#5cc6f1;font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.media-modern-head h2{position:relative;margin:0;color:#fff;font-size:42px;font-weight:800;letter-spacing:-1.5px}.media-modern-head h2:after{content:"";display:block;width:280px;max-width:55%;height:5px;margin:4px auto 0;border-radius:99px;background:linear-gradient(90deg,#378bbb,#58c7ef)}.media-tabs{display:flex;width:max-content;margin:75px auto 38px;padding:7px;border:1px solid #355273;border-radius:15px;background:#162d50}.media-tabs button{min-width:135px;border:0;border-radius:9px;padding:13px 22px;background:transparent;color:#b9c7d9;font:700 15px/1 "Segoe UI",Arial,sans-serif;cursor:pointer;transition:.2s}.media-tabs button.active{background:#59bce7;color:#071d3c;box-shadow:0 8px 22px rgba(63,177,226,.2)}.media-node-grid{display:none;grid-template-columns:repeat(4,1fr);gap:34px 22px}.media-node-grid.active{display:grid}.media-node-card{position:relative;display:flex;min-height:235px;flex-direction:column;align-items:center;justify-content:center;padding:28px 22px;border:1px solid #315476;border-radius:17px;background:linear-gradient(145deg,#193657,#132d4f);box-shadow:0 14px 35px rgba(0,0,0,.13);text-align:center;transition:.25s}.media-node-card:hover{transform:translateY(-6px);border-color:#4c87b2;box-shadow:0 20px 42px rgba(0,0,0,.22)}.media-node-card.media-node-hidden{display:none}.node-status{position:absolute;right:15px;top:14px;color:#88d6fa;font-size:9px;font-weight:800;letter-spacing:.7px;text-transform:uppercase}.node-status i{display:inline-block;width:7px;height:7px;margin-right:4px;border-radius:50%;background:#57c7f3;box-shadow:0 0 0 5px rgba(74,186,232,.16)}.node-icon{display:grid;place-items:center;width:72px;height:72px;margin-bottom:14px}.node-icon img{max-width:70px;max-height:70px}.node-icon>span{font-size:18px;font-weight:800;color:#59c3ec}.media-node-card h3{position:relative;margin:0 0 25px;color:#fff;font-size:18px;font-weight:800}.media-node-card h3:after{content:"";position:absolute;left:50%;bottom:-9px;width:32px;height:2px;transform:translateX(-50%);background:#57bfe9}.media-node-card p{margin:-10px 0 20px;color:#afc2d5;font-size:12px}.media-node-card>a{padding:9px 17px;border:1px solid #3077a3;border-radius:5px;background:rgba(33,112,158,.13);color:#87d4f5;font-size:14px;font-weight:600;text-decoration:none;transition:.2s}.media-node-card>a:hover{background:#53bce7;color:#08213f}.media-node-card>a span{margin-left:5px}.media-load-wrap{display:none;text-align:center}.media-load-wrap.active{display:block}.media-load-more{margin-top:50px;padding:13px 25px;border:0;border-radius:4px;background:#2785bd;color:#fff;font:700 14px "Segoe UI",Arial,sans-serif;cursor:pointer}.media-load-more:hover{background:#49b9e7}@media(max-width:1000px){.media-node-grid{grid-template-columns:repeat(2,1fr)}.media-modern{padding:80px 0}}@media(max-width:600px){.media-modern-head h2{font-size:31px}.media-modern-head h2:after{width:190px}.media-tabs{width:100%;margin-top:45px}.media-tabs button{flex:1;min-width:0}.media-node-grid{grid-template-columns:1fr;gap:18px}.media-node-card{min-height:220px}.media-modern{background-size:60px 60px}}