.navbar{position:sticky;top:0;width:100%;background-color:#121212;z-index:1000;box-shadow:0 2px 10px #0000001a}.navbar-container{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;max-width:1200px;margin:0 auto}.navbar-logo{font-weight:700;font-size:1.5rem}.logo-link{color:#fff;text-decoration:none;transition:color .3s ease}.logo-link:hover{color:#ff6b35}.navbar-links{display:flex;gap:1.5rem;align-items:center}.nav-link{color:#e0e0e0;text-decoration:none;font-size:.95rem;padding:.5rem 0;position:relative;transition:color .3s ease;white-space:nowrap;text-align:center}.nav-link:hover{color:#fff}.nav-link.active{color:#ff6b35}.nav-link.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#ff6b35}.menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:.5rem}.bar{display:block;width:25px;height:3px;margin:5px auto;background-color:#fff;transition:all .3s ease-in-out}@media (max-width: 1200px){.navbar-container{padding:1rem 1.5rem}}@media (max-width: 1024px){.navbar-container{padding:1rem}.navbar-links{gap:1.2rem}.nav-link{font-size:.85rem}}@media (max-width: 1300px){.menu-toggle{display:block}.navbar-links{position:absolute;top:100%;left:0;flex-direction:column;width:100%;background-color:#121212;padding:0 2rem;gap:0;max-height:0;overflow:hidden;transition:max-height .2s ease-out,opacity .15s ease-out;opacity:0}.navbar-links.active{max-height:500px;opacity:1;padding:1rem 2rem}.nav-link{width:100%;padding:.75rem 0;font-size:1rem}}@media (max-width: 480px){.navbar-container{padding:.75rem 1rem}.navbar-logo{font-size:1.3rem}.navbar-links.active{padding:1rem}}