.site-nav{position:fixed;top:0;left:0;width:100%;z-index:1000;background-color:rgba(10,10,10,.8);backdrop-filter:blur(10px)}.nav-container{justify-content:space-between;padding:1rem 2rem;max-width:1440px;margin:0 auto}.logo-container,.nav-container{display:flex;align-items:center}.logo-container{text-decoration:none;gap:8px}.logo{font-size:1.5rem;font-weight:700;margin:0}.logo-icon{width:32px;height:32px;object-fit:contain}.desktop-nav,.nav-links{display:flex}.nav-links{list-style:none;margin:0;padding:0}.nav-links li{margin:0 1rem}.nav-links a{color:white;text-decoration:none;font-size:1rem;font-weight:500;transition:color .3s ease;padding:.5rem 0}.nav-links a:hover{color:#ff8533}.desktop-controls{display:flex;align-items:center;gap:1rem}.language-toggle{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:white;font-size:.9rem;cursor:pointer;transition:all .3s ease}.language-toggle:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2)}.language-toggle .icon{font-size:1.1rem}.auth-links{display:flex;gap:1rem}.login-btn,.signup-btn{padding:.5rem 1.5rem;border-radius:4px;text-decoration:none;font-weight:500;transition:all .3s ease}.login-btn{color:white;background:none;border:1px solid rgba(255,255,255,.3)}.login-btn:hover{background-color:rgba(255,255,255,.1)}.signup-btn{color:#0a0a0a;background-color:#ff8533;border:1px solid #ff8533}.signup-btn:hover{background-color:#ff6b00}.hamburger-btn{display:none;flex-direction:column;justify-content:space-between;width:30px;height:20px;background:transparent;border:none;cursor:pointer;padding:0;z-index:10001}.hamburger-line{display:block;width:100%;height:2px;background-color:white;transition:all .3s ease}.hamburger-btn.active .line1{transform:translateY(9px) rotate(45deg)}.hamburger-btn.active .line2{opacity:0}.hamburger-btn.active .line3{transform:translateY(-9px) rotate(-45deg)}.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:rgb(10,10,10);z-index:1000;display:none;overflow-y:auto;-webkit-overflow-scrolling:touch}.menu-overlay.active{display:block}.menu-content{padding:6rem 2rem 2rem;max-width:1200px;margin:0 auto}.menu-header{margin-bottom:2rem}.menu-header h2{font-size:2.5rem;color:white;margin:0}.mobile-nav-links{list-style:none;padding:0;margin:0 0 3rem}.mobile-nav-links li{margin:1rem 0}.mobile-nav-links a{color:white;text-decoration:none;font-size:1.25rem;font-weight:500;display:block;padding:.75rem 0;transition:color .3s ease}.mobile-nav-links a:hover{color:#ff8533}.language-section{margin-bottom:3rem}.language-section h3{font-size:1.5rem;color:white;margin-bottom:1rem}.language-toggle-mobile{background:none;border:1px solid rgba(255,255,255,.3);color:white;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .3s ease}.language-toggle-mobile:hover{background-color:rgba(255,255,255,.1)}.auth-links-mobile{display:flex;flex-direction:column;gap:1rem;margin-bottom:3rem}.login-btn-mobile,.signup-btn-mobile{padding:.75rem 1.5rem;border-radius:4px;text-decoration:none;font-weight:500;font-size:1rem;text-align:center;transition:all .3s ease}.login-btn-mobile{color:white;background:none;border:1px solid rgba(255,255,255,.3)}.login-btn-mobile:hover{background-color:rgba(255,255,255,.1)}.signup-btn-mobile{color:#0a0a0a;background-color:#ff8533;border:1px solid #ff8533}.signup-btn-mobile:hover{background-color:#ff6b00}.languages-showcase{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.language-tag{background-color:rgba(255,255,255,.1);color:white;padding:.5rem 1rem;border-radius:4px;font-size:.9rem}.language-tag.igbo{background-color:rgba(255,133,51,.2)}.language-tag.gokana{background-color:rgba(76,175,80,.2)}.language-tag.ibani{background-color:rgba(33,150,243,.2)}.language-tag.hausa{background-color:rgba(156,39,176,.2)}.language-tag.yoruba{background-color:rgba(255,193,7,.2)}@media (max-width:1024px){.nav-links li{margin:0 .5rem}}@media (max-width:768px){.desktop-nav,.desktop-only{display:none}.hamburger-btn{display:flex}.menu-content{padding:5rem 1.5rem 1.5rem}.desktop-controls{display:none}}@media (min-width:769px){.menu-overlay{display:none!important}}.mobile-nav-button{background:none;border:none;color:white;font-size:1.25rem;font-weight:500;text-align:left;padding:.75rem 0;transition:color .3s ease;cursor:pointer;width:100%;display:block}.mobile-nav-button:hover{color:#ff8533}.profile-dropdown{position:relative}.profile-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:50%;color:white;cursor:pointer;transition:all .3s ease}.profile-button:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2)}.profile-button .icon{font-size:1.2rem}.profile-button .icon.authenticated{color:#ff8533;font-size:1.4rem}.profile-menu{position:absolute;top:calc(100% + .5rem);right:0;min-width:180px;background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.5rem;display:flex;flex-direction:column;gap:.25rem;box-shadow:0 4px 6px rgba(0,0,0,.1);z-index:1000}.profile-menu a{display:block;padding:.75rem 1rem;color:white;text-decoration:none;border-radius:6px;transition:all .3s ease}.profile-menu a:hover{background:rgba(255,133,51,.1);color:#ff8533}.sign-out-button{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;color:#ff3333;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;text-align:left}.sign-out-button:hover{background:rgba(255,51,51,.1)}.sign-out-button .icon{font-size:1.1rem}.mobile-settings{display:flex;flex-direction:column;gap:2rem;margin-top:2rem}.mobile-language-button{display:flex;align-items:center;gap:.75rem;background:none;border:1px solid rgba(255,255,255,.3);color:white;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-size:1rem;transition:all .3s ease;width:fit-content}.mobile-language-button:hover{background-color:rgba(255,255,255,.1)}.mobile-language-button .icon{font-size:1.2rem;color:#ff8533}.mobile-auth{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.mobile-auth-button{padding:.75rem 1.5rem;border-radius:8px;font-weight:500;font-size:1rem;cursor:pointer;transition:all .3s ease;width:100%;max-width:300px;display:flex;align-items:center;justify-content:center;gap:.5rem}.mobile-auth-button.login{color:white;background:none;border:1px solid rgba(255,255,255,.3)}.mobile-auth-button.login:hover{background-color:rgba(255,255,255,.1)}.mobile-auth-button.signup{color:#0a0a0a;background-color:#ff8533;border:1px solid #ff8533}.mobile-auth-button.signup:hover{background-color:#ff6b00}.mobile-auth-button.signout{color:white;background-color:#cc3333;border:1px solid #cc3333}.mobile-auth-button.signout:hover{background-color:#aa2222}.mobile-auth-button .icon{font-size:1.1rem}@media (max-width:480px){.menu-content{padding:5rem 1.5rem 2rem}.mobile-nav-links li{margin:.5rem 0}.mobile-nav-button{font-size:1.2rem;padding:1rem 0}.mobile-auth-button,.mobile-language-button{width:100%;max-width:none}}