header{position:fixed;top:0;left:0;width:100%;z-index:1000}
nav{background-color:rgba(0,0,0,0.7);backdrop-filter:blur(5px);padding:15px 0;width:100%}
.nav-container{width:100%;display:flex;justify-content:center;padding:0}
.nav-links{display:flex;gap:30px;justify-content:center}
.nav-links a,.desktop-feedback-link{color:#fff;text-decoration:none;font-weight:500;transition:color 0.3s;letter-spacing:0.5px}
.nav-links a:hover,.desktop-feedback-link:hover{color:#ccc}
.desktop-feedback-link{white-space:nowrap;position:fixed;top:15px;right:30px;z-index:1000}
.menu-toggle{display:none;font-size:24px;cursor:pointer;color:white;position:fixed;right:20px;top:20px;z-index:1010;background-color:rgba(0,0,0,0.7);padding:8px 10px;border-radius:5px;transition:background-color 0.3s}
.menu-toggle:hover{background-color:rgba(0,0,0,0.9)}
.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,0.5);z-index:999;display:none;opacity:0;transition:opacity 0.3s ease}
.overlay.active{display:block;opacity:1}
.mobile-nav{position:fixed;top:0;right:-30%;width:30%;height:100%;background-color:rgba(0,0,0,0.95);display:flex;flex-direction:column;align-items:center;transition:transform 0.3s cubic-bezier(0.16,1,0.3,1);z-index:1000;padding-top:50px;padding-bottom:10px;overflow-y:auto}
.mobile-nav.active{transform:translateX(-100%)}
.mobile-nav a{color:#fff;text-decoration:none;font-weight:500;font-size:16px;padding:8px 0;width:80%;text-align:center;margin:3px 0;border-bottom:1px solid rgba(255,255,255,0.1)}
.mobile-nav a:hover{color:#ccc}
.mobile-feedback-link{background-color:#e74c3c;color:white!important;border:none!important;border-radius:5px!important;margin-top:auto!important;margin-bottom:15px!important;padding:10px 0!important}
@media (max-width:768px){.nav-container{display:none}.menu-toggle{display:block}.desktop-feedback-link{display:none}.mobile-nav{width:250px;right:-250px}}
@media (max-width:480px){.menu-toggle{font-size:22px;right:15px;top:15px;padding:6px 8px}.mobile-nav{width:200px;right:-200px}}
@media (max-height:500px){.mobile-nav{padding-top:40px}.mobile-nav a{padding:4px 0;font-size:14px;margin:1px 0}.mobile-feedback-link{margin-bottom:8px!important;padding:5px 0!important}}