
header.site-header{position:sticky;top:0;z-index:200;background:rgba(10,10,10,.96);
  border-bottom:1px solid rgba(0,212,255,.15);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  padding:0 48px;display:flex;align-items:center;justify-content:space-between;gap:16px;height:76px;
  margin:0;width:auto;max-width:none;box-sizing:border-box;font-family:'Segoe UI',Arial,sans-serif}
header.site-header .logo-wrap{display:flex;align-items:center;gap:14px;text-decoration:none;flex-shrink:0}
header.site-header .logo-sq{width:50px;height:50px;background:linear-gradient(135deg,#00d4ff,#0088cc);border-radius:10px;
  display:flex;align-items:center;justify-content:center;color:#0a0a0a;font-size:17px;font-weight:900;
  box-shadow:0 0 20px rgba(0,212,255,.4);flex-shrink:0}
header.site-header .logo-txt .l1{font-size:20px;font-weight:900;letter-spacing:3px;line-height:1.2;
  background:linear-gradient(90deg,#00d4ff,#00aaee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
header.site-header .logo-txt .l2{font-size:9px;letter-spacing:5px;color:#aaa;line-height:1.2}
header.site-header .site-nav{display:flex;align-items:center;gap:24px;margin:0;padding:0}
header.site-header .site-nav a{color:#fff;text-decoration:none;font-size:15px;font-weight:600;transition:color .2s;white-space:nowrap}
header.site-header .site-nav a:hover{color:#00d4ff}
header.site-header .site-nav a.btn-cta{background:transparent;color:#00d4ff;border:1.5px solid #00d4ff;padding:8px 20px;border-radius:6px;
  font-size:13px;font-weight:700;transition:background .2s,box-shadow .2s}
header.site-header .site-nav a.btn-cta:hover{background:rgba(0,212,255,.1);box-shadow:0 0 16px rgba(0,212,255,.3)}
header.site-header .lang-switch,#mobileMenu .lang-switch{display:inline-flex;align-items:center;border:1px solid rgba(0,212,255,.45);
  border-radius:6px;overflow:hidden;flex-shrink:0;gap:0;margin:0;padding:0;background:none}
header.site-header .lang-switch a,#mobileMenu .lang-switch a{padding:5px 10px;font-size:12px;font-weight:800;letter-spacing:.5px;line-height:normal;
  color:#00d4ff;text-decoration:none;transition:background .2s,color .2s;border:0;border-radius:0;margin:0;background:none}

header.site-header .lang-switch a:first-child,#mobileMenu .lang-switch a:first-child{border-radius:5px 0 0 5px}
header.site-header .lang-switch a:last-child,#mobileMenu .lang-switch a:last-child{border-radius:0 5px 5px 0}

header.site-header .lang-switch a.is-active,#mobileMenu .lang-switch a.is-active{background:#00d4ff;color:#0a0a0a}
header.site-header .lang-switch a:not(.is-active):hover,#mobileMenu .lang-switch a:not(.is-active):hover{background:rgba(0,212,255,.12);color:#00d4ff}
header.site-header .hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;background:none;border:0;flex-shrink:0;
  width:auto;height:auto;min-width:0;min-height:0;max-width:none;margin:0;border-radius:0;box-shadow:none;line-height:0;font-size:0;text-transform:none;letter-spacing:0;color:inherit}

header.site-header .hamburger:hover,header.site-header .hamburger:focus{background:none;box-shadow:none}
header.site-header .hamburger span{display:block;width:24px;height:2px;background:#fff;border-radius:2px;transition:all .3s}
header.site-header .hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
header.site-header .hamburger.open span:nth-child(2){opacity:0}
header.site-header .hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
#mobileMenu.mobile-menu{display:none;position:fixed;top:76px;left:0;right:0;background:rgba(10,10,10,.98);
  border-bottom:1px solid rgba(0,212,255,.15);padding:24px 32px;z-index:199;flex-direction:column;gap:16px;
  font-family:'Segoe UI',Arial,sans-serif;max-height:calc(100vh - 76px);overflow-y:auto}
#mobileMenu.mobile-menu.open{display:flex}
#mobileMenu.mobile-menu a{color:#fff;text-decoration:none;font-size:17px;font-weight:600;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06)}
#mobileMenu.mobile-menu a.mm-cta{border-bottom:none;color:#00d4ff}
#mobileMenu .lang-switch{display:flex;margin:14px 0 0}
#mobileMenu .lang-switch a{flex:1 1 0;text-align:center;padding:12px 0;border-bottom:0}

@media (max-width:980px){header.site-header .site-nav{display:none}header.site-header .hamburger{display:flex}}
@media (max-width:768px){header.site-header{padding:0 20px}}
@media (max-width:420px){header.site-header .logo-txt .l1{letter-spacing:2px;font-size:18px}}

header.site-header .site-nav a.header-phone{font-weight:800;letter-spacing:.3px;color:#fff}
header.site-header .site-nav a.header-phone:hover{color:#00d4ff}
#mobileMenu.mobile-menu a.mm-phone{font-weight:800}
@media (max-width:1180px){header.site-header .site-nav{gap:14px}}
@media (max-width:1060px){header.site-header .site-nav a.header-phone{display:none}}
