.language-switcher-btn{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;border-radius:8px;position:relative}@media screen and (min-width:300px){.language-switcher-btn{margin:0 auto}}.language-switcher-btn:hover{background-color:#0000000d;transform:scale(1.05)}.language-switcher-btn svg{width:24px;height:24px;color:#333;transition:transform .3s ease}.language-switcher-btn:hover svg{transform:rotate(15deg)}.language-modal-backdrop{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;animation:fadeIn .3s ease forwards}@keyframes fadeIn{to{opacity:1}}.language-modal-backdrop.closing{animation:fadeOut .3s ease forwards}@keyframes fadeOut{to{opacity:0}}.language-modal{background:#fff;border-radius:16px;padding:32px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;transform:scale(.9) translateY(20px);animation:slideUp .3s ease forwards}@keyframes slideUp{to{transform:scale(1) translateY(0)}}.language-modal-backdrop.closing .language-modal{animation:slideDown .3s ease forwards}@keyframes slideDown{to{transform:scale(.9) translateY(20px)}}.language-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.language-modal-title{font-size:24px;font-weight:600;color:#1a1a1a;margin:0}.language-modal-close{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.language-modal-close:hover{background-color:#0000000d}.language-modal-close svg{width:24px;height:24px;color:#666}.language-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.language-option{background:#f8f9fa;border:2px solid transparent;border-radius:12px;padding:16px;cursor:pointer;transition:all .2s ease;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.language-option:hover{background:#e9ecef;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.language-option.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea;box-shadow:0 4px 16px #667eea4d}.language-option.active:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.language-flag{font-size:32px;line-height:1}.language-name{font-size:14px;font-weight:500;color:#333}.language-option.active .language-name{color:#fff}@media(max-width:600px){.language-modal{padding:24px;width:95%}.language-modal-title{font-size:20px}.language-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.language-option{padding:12px}.language-flag{font-size:28px}.language-name{font-size:13px}}.language-option:focus{outline:2px solid #667eea;outline-offset:2px}.language-switcher-btn:focus{outline:2px solid #667eea;outline-offset:2px}.language-modal::-webkit-scrollbar{width:8px}.language-modal::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.language-modal::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.language-modal::-webkit-scrollbar-thumb:hover{background:#555}