:root{
  --navy:#0f2149;
  --navy-dark:#0a1836;
  --green:#16a34a;
  --border:#e5e9f2;
  --text-mid:#4b5563;
  --white:#ffffff;
}
*{box-sizing:border-box;}
.site-header{
  display:block; max-width:1180px; margin:0px auto 0; background:var(--white);
  box-shadow:0 2px 8px rgba(15,33,73,0.06); overflow:hidden;
  font-family:"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
.header-top{
  padding:14px 20px;
  display:flex; justify-content:space-between; align-items:center;
  border-bottom:1px solid var(--border);
}
.logo-block{display:flex; flex-direction:column; text-decoration:none;}
.logo-block, .logo-block *{text-decoration:none;}
.logo-text{
  font-size:22px; font-weight:900; color:var(--navy); letter-spacing:0.02em;
  display:flex; align-items:center; gap:8px; text-decoration:none;
}
.logo-text .accent{color:var(--green);}
.logo-text svg{width:20px; height:20px; color:var(--green);}
.logo-tagline{font-size:11.5px; color:var(--text-mid); font-weight:500; margin-top:2px;}
.follow-block{display:flex; align-items:center; gap:10px;}
.follow-label{font-size:12.5px; color:var(--text-mid); font-weight:600;}
.follow-icons{display:flex; gap:8px;}
.follow-icons a{
  width:30px; height:30px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  color:white; transition:transform .15s;
}
.follow-icons a:hover{transform:translateY(-2px);}
.follow-icons a svg{width:15px; height:15px;}
.c-telegram{background:#229ED9;}
.c-whatsapp{background:#25D366;}
.c-youtube{background:#FF0000;}
.c-facebook{background:#1877F2;}
.c-instagram{background:linear-gradient(45deg,#f09433,#dc2743,#bc1888);}
.header-nav{background:var(--navy);}
.header-nav-inner{
  padding:0 20px;
  display:flex; align-items:center; justify-content:space-between;
}
.nav-links{display:flex; align-items:center;}
.nav-links a{
  display:flex; align-items:center; gap:6px;
  padding:13px 16px; font-size:13px; font-weight:600; color:#cbd5e8;
  white-space:nowrap; transition:background .15s, color .15s;
  text-decoration:none;
}
.nav-links a svg{width:15px; height:15px;}
.nav-links a:hover{background:rgba(255,255,255,0.06); color:white;}
.nav-links a.nav-home{color:white;}
.contact-btn{
  background:var(--green); color:white !important; border-radius:6px;
  padding:8px 16px !important; margin-left:8px; font-weight:700 !important;
}
.contact-btn:hover{background:#128a3e; color:white !important;}

@media (max-width: 768px){
  .site-header{display:none;}
}