.header{background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1);position:-webkit-sticky;position:sticky;top:0;z-index:1000}.nav{display:flex;justify-content:space-between;align-items:center;padding:20px 0}.nav-brand a{font-size:24px;font-weight:700;color:#0070f3;text-decoration:none}.nav-menu{display:flex;list-style:none;gap:30px;margin:0;padding:0}.nav-menu a{color:#333;text-decoration:none;font-weight:500;transition:color .3s}.nav-menu a:hover{color:#0070f3}.nav-toggle{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:5px}.nav-toggle span{width:25px;height:3px;background:#333;margin:3px 0;transition:.3s}@media (max-width:768px){.nav-toggle{display:flex}.nav-menu{position:fixed;left:-100%;top:70px;flex-direction:column;background-color:#fff;width:100%;text-align:center;transition:.3s;box-shadow:0 10px 27px rgba(0,0,0,.05);padding:20px 0}.nav-menu.active{left:0}.nav-menu li{padding:15px 0}}