.navbar{background:#0d1117;color:#fff;border-bottom:1px solid #222;font-family:"Inter",sans-serif;position:relative;z-index:9999}.nav-container{max-width:1100px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;justify-content:space-between}.nav-logo img{height:38px;display:block}.nav-links{display:flex;gap:25px;align-items:center}.nav-links a{color:#ccc;text-decoration:none;font-size:.95rem;transition:color 0.2s ease,border-bottom 0.2s ease}.nav-links a:hover{color:gold;border-bottom:1px solid gold}.nav-toggle{display:none;font-size:1.8rem;cursor:pointer;user-select:none}.nav-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .6);z-index:9998}@media (max-width:768px){.nav-links{position:fixed;top:0;right:-240px;height:100%;width:220px;background:#0d1117;flex-direction:column;align-items:flex-start;padding:80px 20px 20px;gap:15px;box-shadow:-2px 0 8px rgb(0 0 0 / .5);transition:right 0.3s ease}.nav-links.active{right:0}.nav-links a{width:100%;padding:10px 0;border-bottom:1px solid #222}.nav-toggle{display:block}.mobile-logo{width:60%;text-align:center;margin-bottom:2px}.mobile-logo img{width:140px}.nav-overlay.active{display:block}}.nav-logo img{height:42px;width:auto;display:block}.mobile-logo{display:none}@media (max-width:768px){.nav-logo img{height:36px}.mobile-logo{display:block;width:100%;text-align:center;margin-bottom:20px}.mobile-logo img{width:130px;height:auto;opacity:.9}}#closeMenu{display:none}@media (max-width:768px){#closeMenu{display:block;font-size:1.6rem;color:#fff;cursor:pointer;user-select:none;transition:color 0.2s ease}#closeMenu:hover{color:gold}}