.language-selector-container{display:flex;align-items:center;justify-content:space-between;padding:14px;margin-bottom:30px;background:rgb(0 0 0 / .14);border-radius:14px;transition:all 0.3s cubic-bezier(.4,0,.2,1)}.language-selector-container:hover{background:rgb(0 0 0 / .2);box-shadow:0 4px 16px rgb(0 0 0 / .08)}.language-selector-label{display:flex;align-items:center;gap:12px}.language-selector-label i{font-size:22px;line-height:1;color:rgb(255 255 255 / .9)}.language-selector-label span{font-size:14px;font-weight:700;color:#fff;letter-spacing:-.3px}.language-options{display:flex;gap:6px;flex-shrink:0}.language-option{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:rgb(255 255 255 / .08);border:1px solid rgb(255 255 255 / .12);border-radius:10px;cursor:pointer;transition:all 0.25s cubic-bezier(.4,0,.2,1);position:relative;flex-shrink:0}.language-option:hover{background:rgb(255 255 255 / .12);border-color:rgb(255 255 255 / .2);transform:scale(1.05)}.language-option:active{transform:scale(.98)}.language-option.active{background:rgb(255 255 255 / .2);border-color:rgb(255 255 255 / .3);box-shadow:0 2px 8px rgb(0 0 0 / .15),inset 0 1px 0 rgb(255 255 255 / .4)}.language-option.active::after{content:'';position:absolute;top:-2px;right:-2px;width:12px;height:12px;background:var(--accent-color);border:2px solid rgb(0 0 0 / .6);border-radius:50%;box-shadow:0 2px 4px rgb(0 0 0 / .2)}.language-option.active:hover{transform:scale(1.05)}.language-flag{font-size:26px;line-height:1;filter:drop-shadow(0 2px 4px rgb(0 0 0 / .3));transition:transform 0.25s ease}.language-option:hover .language-flag{transform:scale(1.1)}.language-option.active .language-flag{filter:drop-shadow(0 2px 6px rgb(0 0 0 / .4))}.language-name{display:none}.language-option::before{content:attr(data-lang-name);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) scale(.9);padding:6px 10px;background:rgb(0 0 0 / .9);color:#fff;font-size:11px;font-weight:500;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:all 0.2s cubic-bezier(.4,0,.2,1);z-index:1000}.language-option:hover::before{opacity:1;transform:translateX(-50%) scale(1)}@media (max-width:768px){.language-selector-container{padding:12px}.language-option{width:40px;height:40px}.language-flag{font-size:22px}}@keyframes languageChange{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}.language-option.active{animation:languageChange 0.3s cubic-bezier(.4,0,.2,1)}