.navbar{background:black;padding:5px;position:fixed;width:100%;top:0;z-index:1001}.navbar-container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.logo{display:flex;align-items:center}.logo img{height:30px;border-radius:6px}.language-selector{position:relative}.language-btn{background:none;border:none;color:white;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;gap:0.5rem;padding:0.5rem;text-shadow:1px 1px 3px rgba(0,0,0,0.5);transition:opacity 0.3s ease, transform 0.3s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation;outline:none;box-shadow:none}.language-btn:active{transform:scale(0.95)}.language-btn::after{content:'';display:inline-block;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid white;margin-left:5px;filter:drop-shadow(1px 1px 3px rgba(0,0,0,0.5));transition:transform 0.3s ease}.language-dropdown{display:block;position:absolute;top:80%;right:0;background:white;border-radius:4px;box-shadow:0 2px 10px rgba(0,0,0,0.1);margin-top:0.5rem;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease}.language-dropdown.show{opacity:1;visibility:visible;transform:translateY(0)}.language-dropdown a{display:block;padding:0.5rem 1rem;text-decoration:none;color:#333;transition:background-color 0.3s ease, color 0.3s ease}.language-dropdown a:hover{background-color:#f5f5f5;color:#000}@media (hover: none) and (pointer: coarse){.language-btn:hover{transform:none}.language-btn::after{transform:none}}@media (max-width: 768px){.navbar-container{padding:0 1rem}}
