*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#2563eb;--text-color:#1f2937;--bg-color:#fff;--hover-bg:#f3f4f6;--transition:all .3s ease}body{background-color:#f9fafb;font-family:system-ui,-apple-system,sans-serif}.navbar{background-color:var(--bg-color);z-index:100;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #0000001a}.nav-logo{color:var(--primary-color);font-size:1.5rem;font-weight:700;text-decoration:none}.nav-menu{align-items:center;gap:1.5rem;list-style:none;display:flex}.nav-link{color:var(--text-color);transition:var(--transition);border-radius:.375rem;padding:.5rem 1rem;font-size:1rem;font-weight:500;text-decoration:none}.nav-link:hover,.nav-link.active{color:var(--primary-color);background-color:var(--hover-bg)}.nav-toggle{display:none}.hamburger{cursor:pointer;flex-direction:column;gap:5px;display:none}.hamburger span{background-color:var(--text-color);width:25px;height:3px;transition:var(--transition);border-radius:2px}@media (width<=768px){.hamburger{display:flex}.nav-menu{background-color:var(--bg-color);opacity:0;width:100%;transition:var(--transition);pointer-events:none;flex-direction:column;gap:1rem;padding:1.5rem;position:absolute;top:100%;left:0;transform:translateY(-150%);box-shadow:0 4px 6px -1px #0000001a}.nav-toggle:checked~.nav-menu{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-toggle:checked~.hamburger span:first-child{transform:translateY(8px)rotate(45deg)}.nav-toggle:checked~.hamburger span:nth-child(2){opacity:0}.nav-toggle:checked~.hamburger span:nth-child(3){transform:translateY(-8px)rotate(-45deg)}}