*{margin:0;padding:0;box-sizing:border-box}.navbar{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;box-shadow:0 2px 10px #0000001a;z-index:1000;height:70px}.nav-brand img{height:50px;width:auto}.nav-menu{list-style:none;display:flex;gap:2rem}.nav-link{color:#333;text-decoration:none;font-size:1rem;font-weight:500;padding:.5rem 0;transition:color .3s ease}.nav-link:hover,.nav-link.active{color:#c92504;font-weight:600}.nav-hamburger{display:flex;align-items:center;justify-content:center;width:40px;height:40px;cursor:pointer;border:2px solid #0070f3;border-radius:8px;background-color:#f8f9fa;transition:background-color .3s ease;z-index:1001}.nav-hamburger:hover{background-color:#e3f2fd}.hamburger-icon{width:24px;height:18px;display:flex;flex-direction:column;justify-content:space-between}.hamburger-icon span{display:block;width:100%;height:3px;background-color:#333;border-radius:1px;transition:all .3s ease}.hamburger-icon.open span:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger-icon.open span:nth-child(2){opacity:0}.hamburger-icon.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.mobile-drawer{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:999}.drawer-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.drawer-backdrop.active{opacity:1;visibility:visible}.drawer-sidebar{position:absolute;top:0;left:0;width:80%;max-width:300px;height:100vh;background-color:#fff;box-shadow:2px 0 15px #00000026;transform:translate(-100%);transition:transform .3s ease-out;pointer-events:auto}.drawer-sidebar.open{transform:translate(0)}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 1rem;border-bottom:1px solid #eee}.sidebar-header .nav-brand img{height:40px}.close-btn{font-size:1.8rem;color:#555;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#f0f0f0;transition:background-color .2s ease}.close-btn:hover{background-color:#ddd}.mobile-menu{list-style:none;padding:1.5rem 1rem;display:flex;flex-direction:column;gap:1.2rem}.mobile-link{color:#333;text-decoration:none;font-size:1.1rem;font-weight:500;padding:.6rem 0;transition:color .2s ease}.mobile-link:hover,.mobile-link.active{color:#0070f3}@media (min-width: 768px){.nav-hamburger,.mobile-drawer{display:none}}@media (max-width: 767.98px){.nav-menu{display:none}.navbar{padding:.8rem 1rem;height:60px}.nav-brand img{height:40px}}