.language-switcher { position: relative; z-index: 10001; }
.language-button { display: inline-flex; align-items: center; gap: 7px; padding: 10px 12px; border: 1px solid rgba(148,163,184,.14); border-radius: 12px; color: #cbd5e1; background: rgba(15,23,42,.66); font-size: 12px; font-weight: 700; transition: border-color .25s ease, color .25s ease; }
.language-button:hover, .language-switcher.open .language-button { color: #7dd3fc; border-color: rgba(56,189,248,.32); }
.language-button svg { width: 16px; height: 16px; }
.language-menu { position: absolute; top: calc(100% + 10px); right: 0; width: 156px; padding: 7px; visibility: hidden; opacity: 0; border: 1px solid rgba(148,163,184,.14); border-radius: 14px; background: rgba(15,23,42,.98); box-shadow: 0 20px 50px rgba(2,6,23,.45); transform: translateY(-8px); transition: .25s ease; }
.language-switcher.open .language-menu { visibility: visible; opacity: 1; transform: translateY(0); }
.language-option { width: 100%; display: flex; align-items: center; gap: 9px; padding: 10px 11px; border-radius: 9px; color: #94a3b8; background: transparent; text-align: left; font-size: 12px; transition: .2s ease; }
.language-option:hover, .language-option.active { color: #f8fafc; background: rgba(56,189,248,.1); }
.register-language { position: fixed; top: 22px; right: 24px; z-index: 20; }
@media (max-width: 850px) { .language-button { padding: 9px; } .language-current { display: none; } }
@media (max-width: 650px) { .register-language { position: absolute; top: 16px; right: 16px; } }
@media (prefers-reduced-motion: reduce) { .language-menu { transition: none; } }