/* NAVBAR */
header{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  padding:26px 0;transition:all .5s var(--ease);
  color:var(--white);
}
header.scrolled{
  padding:16px 0;background:rgba(255,255,255,.9);
  backdrop-filter:blur(16px);border-bottom:1px solid rgba(29,33,80,.06);
  color:var(--text-dark);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03);
}
header.scrolled .logo,
header.scrolled .logo small,
header.scrolled .nav-links a{
  color:var(--text-dark);
}
header.scrolled .burger span{
  background:var(--text-dark);
}
nav{display:flex;align-items:center;justify-content:space-between;}
.logo{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:700;letter-spacing:1px;color:var(--white);}
.logo span{color:var(--gold);}
.logo small{display:block;font-size:9px;letter-spacing:4px;color:rgba(255,255,255,.7);font-weight:400;margin-top:2px;transition:color .5s var(--ease);}
.nav-links{display:flex;gap:44px;font-size:14.5px;}
.nav-links a{position:relative;padding:4px 0;color:var(--white);transition:color .5s var(--ease);}
.nav-links a::after{content:'';position:absolute;bottom:-2px;right:0;width:0;height:1px;background:var(--gold);transition:width .4s var(--ease);}
.nav-links a:hover::after{width:100%;}
.nav-cta{display:flex;align-items:center;gap:18px;}
.burger{display:none;width:26px;height:20px;position:relative;flex-direction:column;justify-content:space-between;cursor:pointer;}
.burger span{width:100%;height:1.5px;background:var(--white);transition:transform 0.3s ease, opacity 0.3s ease, background 0.5s var(--ease);}

@media(max-width:760px) {
  .burger.active span:nth-child(1) {
    transform: translateY(9px) rotate(45deg);
  }
  .burger.active span:nth-child(2) {
    opacity: 0;
  }
  .burger.active span:nth-child(3) {
    transform: translateY(-9px) rotate(-45deg);
  }
  
  .nav-links {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    background: rgba(29, 33, 80, 0.98);
    flex-direction: column;
    padding: 30px 24px;
    gap: 20px;
    backdrop-filter: blur(20px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  }
  .nav-links.active {
    display: flex !important;
  }
  .nav-links a {
    color: var(--white) !important;
    font-size: 16px;
    font-weight: 500;
    padding: 8px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    text-align: right;
  }
  .nav-links a:last-child {
    border-bottom: none;
  }
  .nav-links a::after {
    display: none;
  }
}

/* Lang Toggle Button */
.lang-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.25);
  color: var(--white);
  font-size: 13.5px;
  font-weight: 700;
  text-decoration: none;
  transition: all 0.3s var(--ease);
  cursor: pointer;
  background: rgba(255, 255, 255, 0.05);
}
.lang-toggle:hover {
  background: var(--gold);
  color: var(--primary-dark);
  border-color: var(--gold);
  transform: translateY(-2px);
}
header.scrolled .lang-toggle {
  border-color: rgba(29, 33, 80, 0.18);
  color: var(--text-dark);
  background: rgba(29, 33, 80, 0.02);
}
header.scrolled .lang-toggle:hover {
  background: var(--accent);
  color: var(--white);
  border-color: var(--accent);
}

@media(max-width: 760px) {
  .lang-toggle {
    width: 34px;
    height: 34px;
    font-size: 12px;
  }
}