

  .site-header{

    position:sticky;

    top:0;

    z-index:9999;

    background:rgba(255,255,255,.97);

    border-bottom:1px solid #dbe5ef;

    backdrop-filter:blur(14px);

  }

  .site-header .nav{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:22px;

    padding:16px 0;

  }

  .brand{

    display:flex;

    align-items:center;

    flex:0 0 auto;

  }

  .brand img{

    height:58px;

    width:auto;

    display:block;

  }

  .mobile-menu-panel{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:22px;

    width:100%;

  }

  .main-nav ul{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:8px;

    list-style:none;

    margin:0;

    padding:0;

    white-space:nowrap;

  }

  .main-nav li{

    position:relative;

  }

  .main-nav a,

  .dropdown-toggle{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    color:#1e293b;

    font-size:14px;

    font-weight:850;

    padding:10px 13px;

    border-radius:999px;

    transition:all .2s ease;

    cursor:pointer;

    background:none;

    border:0;

    font-family:Arial,Helvetica,sans-serif;

  }

  .main-nav a:hover,

  .dropdown:hover .dropdown-toggle{

    color:#005baa;

    background:#eaf5ff;

  }

  .dropdown-toggle::after{

    content:"";

    width:6px;

    height:6px;

    border-right:2px solid currentColor;

    border-bottom:2px solid currentColor;

    transform:rotate(45deg);

    margin-left:8px;

    margin-top:-3px;

  }

  .dropdown-menu{

    position:absolute;

    top:calc(100% + 10px);

    left:0;

    min-width:260px;

    background:white;

    border:1px solid #dfe8f2;

    border-radius:18px;

    box-shadow:0 24px 60px rgba(15,23,42,.16);

    padding:10px;

    opacity:0;

    visibility:hidden;

    transform:translateY(8px);

    transition:all .18s ease;

    z-index:999;

  }

  .dropdown:hover .dropdown-menu{

    opacity:1;

    visibility:visible;

    transform:translateY(0);

  }

  .dropdown-menu a{

    display:block;

    border-radius:12px;

    padding:12px 14px;

    white-space:normal;

    font-size:14px;

    line-height:1.2;

  }

  .header-actions{

    display:flex;

    align-items:center;

    gap:12px;

    flex:0 0 auto;

  }

  .language-link{

    font-size:14px;

    font-weight:900;

    color:#005baa;

    background:#eaf5ff;

    padding:10px 14px;

    border-radius:999px;

    white-space:nowrap;

  }

  .nav-button{

    background:#ff8a00;

    color:white;

    padding:12px 18px;

    border-radius:999px;

    font-weight:900;

    box-shadow:0 12px 24px rgba(255,138,0,.24);

    white-space:nowrap;

  }

  .mobile-menu-toggle{

    display:none;

    width:46px;

    height:46px;

    border:0;

    border-radius:12px;

    background:#ff8a00;

    cursor:pointer;

    align-items:center;

    justify-content:center;

    flex-direction:column;

    gap:5px;

    padding:0;

  }

  .mobile-menu-toggle span{

    display:block;

    width:22px;

    height:2px;

    background:white;

    border-radius:999px;

  }

  @media(max-width:980px){

    .site-header .nav{

      flex-wrap:wrap;

      align-items:center;

    }

    .brand img{

      height:52px;

    }

    .mobile-menu-toggle{

      display:flex;

      margin-left:auto;

    }

    .mobile-menu-panel{

      display:none;

      width:100%;

      flex-direction:column;

      align-items:stretch;

      gap:18px;

      padding:18px 0 8px;

      border-top:1px solid #e2e8f0;

    }

    .mobile-menu-panel.active{

      display:flex;

    }

    .main-nav ul{

      flex-direction:column;

      align-items:stretch;

      gap:8px;

      white-space:normal;

      width:100%;

    }

    .main-nav a,

    .dropdown-toggle{

      width:100%;

      justify-content:space-between;

      font-size:17px;

      padding:14px 16px;

      border-radius:12px;

      background:#f8fafc;

    }

    .dropdown-menu{

      position:static;

      opacity:1;

      visibility:visible;

      transform:none;

      box-shadow:none;

      border:0;

      background:#eef6ff;

      border-radius:14px;

      padding:8px;

      margin:6px 0 0 0;

      display:none;

      min-width:100%;

    }

    .dropdown.active .dropdown-menu{

      display:grid;

      gap:6px;

    }

    .dropdown:hover .dropdown-menu{

      transform:none;

    }

    .dropdown-menu a{

      background:white;

      font-size:15px;

      padding:13px 14px;

    }

    .header-actions{

      width:100%;

      display:grid;

      grid-template-columns:1fr 1fr;

      gap:12px;

    }

    .language-link,

    .nav-button{

      text-align:center;

      justify-content:center;

      display:flex;

      padding:14px 16px;

      font-size:17px;

    }

  }

  @media(max-width:520px){

    .brand img{

      height:46px;

      max-width:250px;

    }

    .site-header .nav{

      padding:14px 0;

    }

    .header-actions{

      grid-template-columns:1fr;

    }

  }





  .site-header{

    position:sticky;

    top:0;

    z-index:9999;

    background:rgba(255,255,255,.97);

    border-bottom:1px solid #dbe5ef;

    backdrop-filter:blur(14px);

  }

  .site-header .nav{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:22px;

    padding:16px 0;

  }

  .brand{

    display:flex;

    align-items:center;

    flex:0 0 auto;

  }

  .brand img{

    height:58px;

    width:auto;

    display:block;

  }

  .mobile-menu-panel{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:22px;

    width:100%;

  }

  .main-nav ul{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:8px;

    list-style:none;

    margin:0;

    padding:0;

    white-space:nowrap;

  }

  .main-nav li{

    position:relative;

  }

  .main-nav a,

  .dropdown-toggle{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    color:#1e293b;

    font-size:14px;

    font-weight:850;

    padding:10px 13px;

    border-radius:999px;

    transition:all .2s ease;

    cursor:pointer;

    background:none;

    border:0;

    font-family:Arial,Helvetica,sans-serif;

  }

  .main-nav a:hover,

  .dropdown:hover .dropdown-toggle{

    color:#005baa;

    background:#eaf5ff;

  }

  .dropdown-toggle::after{

    content:"";

    width:6px;

    height:6px;

    border-right:2px solid currentColor;

    border-bottom:2px solid currentColor;

    transform:rotate(45deg);

    margin-left:8px;

    margin-top:-3px;

  }

  .dropdown-menu{

    position:absolute;

    top:calc(100% + 10px);

    left:0;

    min-width:260px;

    background:white;

    border:1px solid #dfe8f2;

    border-radius:18px;

    box-shadow:0 24px 60px rgba(15,23,42,.16);

    padding:10px;

    opacity:0;

    visibility:hidden;

    transform:translateY(8px);

    transition:all .18s ease;

    z-index:999;

  }

  .dropdown:hover .dropdown-menu{

    opacity:1;

    visibility:visible;

    transform:translateY(0);

  }

  .dropdown-menu a{

    display:block;

    border-radius:12px;

    padding:12px 14px;

    white-space:normal;

    font-size:14px;

    line-height:1.2;

  }

  .header-actions{

    display:flex;

    align-items:center;

    gap:12px;

    flex:0 0 auto;

  }

  .language-link{

    font-size:14px;

    font-weight:900;

    color:#005baa;

    background:#eaf5ff;

    padding:10px 14px;

    border-radius:999px;

    white-space:nowrap;

  }

  .nav-button{

    background:#ff8a00;

    color:white;

    padding:12px 18px;

    border-radius:999px;

    font-weight:900;

    box-shadow:0 12px 24px rgba(255,138,0,.24);

    white-space:nowrap;

  }

  .mobile-menu-toggle{

    display:none;

    width:46px;

    height:46px;

    border:0;

    border-radius:12px;

    background:#ff8a00;

    cursor:pointer;

    align-items:center;

    justify-content:center;

    flex-direction:column;

    gap:5px;

    padding:0;

  }

  .mobile-menu-toggle span{

    display:block;

    width:22px;

    height:2px;

    background:white;

    border-radius:999px;

  }

  @media(max-width:980px){

    .site-header .nav{

      flex-wrap:wrap;

      align-items:center;

    }

    .brand img{

      height:52px;

    }

    .mobile-menu-toggle{

      display:flex;

      margin-left:auto;

    }

    .mobile-menu-panel{

      display:none;

      width:100%;

      flex-direction:column;

      align-items:stretch;

      gap:18px;

      padding:18px 0 8px;

      border-top:1px solid #e2e8f0;

    }

    .mobile-menu-panel.active{

      display:flex;

    }

    .main-nav ul{

      flex-direction:column;

      align-items:stretch;

      gap:8px;

      white-space:normal;

      width:100%;

    }

    .main-nav a,

    .dropdown-toggle{

      width:100%;

      justify-content:space-between;

      font-size:17px;

      padding:14px 16px;

      border-radius:12px;

      background:#f8fafc;

    }

    .dropdown-menu{

      position:static;

      opacity:1;

      visibility:visible;

      transform:none;

      box-shadow:none;

      border:0;

      background:#eef6ff;

      border-radius:14px;

      padding:8px;

      margin:6px 0 0 0;

      display:none;

      min-width:100%;

    }

    .dropdown.active .dropdown-menu{

      display:grid;

      gap:6px;

    }

    .dropdown:hover .dropdown-menu{

      transform:none;

    }

    .dropdown-menu a{

      background:white;

      font-size:15px;

      padding:13px 14px;

    }

    .header-actions{

      width:100%;

      display:grid;

      grid-template-columns:1fr 1fr;

      gap:12px;

    }

    .language-link,

    .nav-button{

      text-align:center;

      justify-content:center;

      display:flex;

      padding:14px 16px;

      font-size:17px;

    }

  }

  @media(max-width:520px){

    .brand img{

      height:46px;

      max-width:250px;

    }

    .site-header .nav{

      padding:14px 0;

    }

    .header-actions{

      grid-template-columns:1fr;

    }

  }



/* Shared site optimization styles */
img{max-width:100%;height:auto}
html{scroll-behavior:smooth}
