/* Network24 - shared header + footer (homepage and every inner page) */
.nav{position:fixed;inset:0 0 auto;z-index:60;transition:background .3s,border-color .3s,box-shadow .3s}
.nav.solid{background:rgba(5,6,10,.82);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--line,rgba(255,255,255,.09));box-shadow:0 10px 40px -20px rgba(0,0,0,.8)}
.nav .wrap{display:flex;align-items:center;gap:22px;height:72px;max-width:1200px;width:auto;margin:0 auto;padding:0 24px}
.nav .logo{display:flex;align-items:center;flex:none}
.nav .logo img{height:36px;width:auto;display:block}
.nav .menu{display:flex;gap:2px;margin-left:auto;align-items:center}
.nav .menu a{color:var(--muted,#9ba1ad);font:500 14.5px/1 Inter,system-ui,sans-serif;padding:9px 12px;border-radius:999px;transition:.2s;white-space:nowrap;text-decoration:none}
.nav .menu a:hover{color:#fff;background:rgba(255,255,255,.07);text-decoration:none}
.nav .menu a.on{color:#fff;background:rgba(255,255,255,.1)}
.nav .menu .sep{width:1px;height:18px;background:var(--line,rgba(255,255,255,.12));margin:0 8px}
.nav .menu a.m{display:none}
.nav .act{display:flex;gap:10px;align-items:center;flex:none}
.nav .act .lnk{color:var(--muted,#9ba1ad);font:500 13.5px Inter,sans-serif;text-decoration:none;padding:6px 4px}
.nav .act .lnk:hover{color:#fff}
.nav .act .who{display:inline-flex;align-items:center;gap:9px;color:#fff;font:600 14px Inter,sans-serif;padding:5px 14px 5px 5px;border-radius:999px;border:1px solid var(--line,rgba(255,255,255,.12));background:rgba(255,255,255,.05);text-decoration:none;transition:.2s;max-width:200px}
.nav .act .who:hover{background:rgba(255,255,255,.1);text-decoration:none}
.nav .act .who i{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#ff3d71,#8b6cff);display:inline-flex;align-items:center;justify-content:center;font:700 13px Inter,sans-serif;font-style:normal;flex:none}
.nav .act .btn{text-decoration:none}
.nav .burger{display:none;width:44px;height:44px;margin-left:auto;background:none;border:0;cursor:pointer;padding:10px;flex-direction:column;justify-content:center;gap:5px}
.nav .burger span{display:block;height:2px;background:#fff;border-radius:2px;transition:.25s}
.nav.open .burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav.open .burger span:nth-child(2){opacity:0}
.nav.open .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
body.inner{padding-top:72px}
@media (max-width:1040px){
  .nav .wrap{gap:14px;padding:0 16px}
  .nav .menu,.nav .act .btn-g,.nav .act .who,.nav .act .lnk{display:none}
  .nav .act{margin-left:auto}
  .nav .burger{display:flex;margin-left:0}
  .nav.open{background:rgba(5,6,10,.97)}
  .nav.open .menu{display:flex;flex-direction:column;position:absolute;top:72px;left:0;right:0;gap:0;padding:8px 16px 18px;background:rgba(5,6,10,.97);backdrop-filter:blur(18px);border-bottom:1px solid var(--line,rgba(255,255,255,.09));max-height:calc(100vh - 72px);overflow:auto}
  .nav.open .menu a{display:block;padding:15px 6px;font-size:17px;color:#fff;border-radius:0;border-bottom:1px solid var(--line,rgba(255,255,255,.09));background:none}
  .nav.open .menu a.on{color:#2ee6ff}
  .nav.open .menu a.m{display:block}
  .nav.open .menu a.play{color:#ff8fb1;border-bottom:0;font-weight:600}
  .nav.open .menu .sep{display:none}
  body.navopen{overflow:hidden}
}
.foot{border-top:1px solid var(--line,rgba(255,255,255,.09));padding:48px 0 26px;color:var(--muted,#9ba1ad);font-size:14px;background:rgba(0,0,0,.25)}
.foot .wrap{max-width:1200px;margin:0 auto;padding:0 24px;width:auto}
.foot .cols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:28px}
.foot .about p{margin:12px 0 18px;max-width:360px;line-height:1.55}
.foot h4{margin:0 0 12px;color:#fff;font:700 12px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.foot a{display:block;color:var(--muted,#9ba1ad);margin:7px 0;text-decoration:none;transition:.2s}
.foot a:hover{color:#fff;text-decoration:none}
.foot a.btn{display:inline-flex;color:#fff}
.foot .copy{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:30px;padding-top:16px;border-top:1px solid var(--line,rgba(255,255,255,.09));font-size:13px}
@media (max-width:760px){.foot .cols{grid-template-columns:1fr 1fr}.foot .about{grid-column:1 / -1}}