.navbar{background-color:rgba(106,90,205,0.9);padding:0.8rem 2rem;position:sticky;top:0;z-index:100;box-shadow:0 2px 10px rgba(0,0,0,0.1)}.navbar-container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.navbar-logo{color:var(--text-color);font-size:1.8rem;font-weight:bold;text-decoration:none;letter-spacing:1px}.navbar-menu{display:flex;list-style:none}.navbar-item{margin-left:1.5rem}.navbar-link{color:var(--text-color);text-decoration:none;font-size:1rem;font-weight:500;transition:color 0.3s ease;padding:0.5rem 0;position:relative}.navbar-link:hover{color:var(--light-color)}.navbar-link::after{content:'';position:absolute;width:0;height:2px;background:var(--light-color);bottom:0;left:0;transition:width 0.3s ease}.navbar-link:hover::after{width:100%}.navbar-toggle{display:none;cursor:pointer;flex-direction:column;justify-content:space-between;width:30px;height:21px}.bar{height:3px;width:100%;background-color:var(--text-color);transition:all 0.3s ease}@media (max-width:768px){.navbar-container{flex-direction:column;align-items:flex-start}.navbar-toggle{display:flex;position:absolute;top:1.2rem;right:2rem}.navbar-menu{display:none;flex-direction:column;width:100%;margin-top:1rem}.navbar-menu.active{display:flex}.navbar-item{margin:0.5rem 0;text-align:center}.navbar-link{display:block;padding:0.5rem}.navbar-toggle.active .bar:nth-child(1){transform:translateY(9px) rotate(45deg)}.navbar-toggle.active .bar:nth-child(2){opacity:0}.navbar-toggle.active .bar:nth-child(3){transform:translateY(-9px) rotate(-45deg)}}