.orba-lang-switch-btn { 
  display: inline-flex; 
  align-items: center; 
  gap: 8px; 
  background: rgba(255, 255, 255, 0.06); 
  border: 1px solid rgba(255, 255, 255, 0.12); 
  border-radius: 9999px; 
  padding: 6px 14px; 
  color: #e3e2e6; 
  font-family: inherit; 
  font-size: 13px; 
  font-weight: 600; 
  cursor: pointer; 
  transition: all 0.25s cubic-bezier(0.2, 0, 0, 1); 
  backdrop-filter: blur(16px); 
  -webkit-backdrop-filter: blur(16px); 
  user-select: none; 
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); 
} 

.orba-lang-switch-btn:hover { 
  background: rgba(255, 255, 255, 0.12); 
  border-color: rgba(208, 188, 255, 0.4); 
  transform: translateY(-1px) scale(1.02); 
  box-shadow: 0 4px 14px rgba(208, 188, 255, 0.2); 
} 

.orba-lang-switch-btn:active, 
.orba-lang-switch-btn.switching { 
  transform: scale(0.96); 
} 

.orba-lang-switch-btn .lang-globe-icon { 
  font-size: 18px; 
  color: var(--md-sys-color-primary, #d0bcff); 
  transition: transform 0.4s ease; 
} 

.orba-lang-switch-btn:hover .lang-globe-icon { 
  transform: rotate(25deg); 
} 

.orba-lang-switch-btn .lang-pill-track { 
  display: flex; 
  align-items: center; 
  gap: 4px; 
} 

.orba-lang-switch-btn .lang-pill-opt { 
  padding: 2px 6px; 
  border-radius: 6px; 
  color: #8c8c94; 
  transition: all 0.2s ease; 
  font-size: 12px; 
  letter-spacing: 0.5px; 
} 

.orba-lang-switch-btn .lang-pill-opt.active { 
  color: #141218; 
  background: var(--md-sys-color-primary, #d0bcff); 
  font-weight: 700; 
  box-shadow: 0 1px 4px rgba(208, 188, 255, 0.4); 
} 

.orba-lang-switch-btn .lang-pill-sep { 
  color: rgba(255, 255, 255, 0.2); 
  font-size: 11px; 
} 

 
.login-lang-switch-wrap { 
  position: absolute; 
  top: 24px; 
  right: 24px; 
  z-index: 100; 
} 

@media (max-width: 768px) { 
  .login-lang-switch-wrap { 
    top: 16px; 
    right: 16px; 
  } 
}