.navbar{background-color:var(--light);box-shadow:var(--shadow);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1000}.logo{display:flex;align-items:center;gap:0.5rem;text-decoration:none}.logo-icon{color:var(--primary);font-size:2rem;transition:var(--transition)}.logo-text{font-size:1.5rem;font-weight:700;background:linear-gradient(45deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;color:transparent;transition:var(--transition)}.logo:hover .logo-icon{transform:rotate(15deg) scale(1.1)}.logo:hover .logo-text{color:var(--light);background:linear-gradient(45deg,var(--secondary),var(--primary))}.nav-links{display:flex;gap:1.5rem;list-style:none}.nav-links a{text-decoration:none;color:var(--dark);font-weight:600;position:relative;padding:0.5rem 0;transition:var(--transition)}.nav-links a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--secondary));transition:var(--transition)}.nav-links a:hover{color:var(--primary)}.nav-links a:hover::after{width:100%}.nav-links a.active{color:var(--primary)}.nav-links a.active::after{width:100%}.hamburger{display:none;cursor:pointer;background:none;border:none;font-size:1.5rem;color:var(--dark);transition:var(--transition)}.hamburger:hover{color:var(--primary);transform:scale(1.1)}@media (max-width:992px){.hamburger{display:block}.nav-links{position:fixed;top:80px;left:-100%;width:100%;height:calc(100vh - 80px);background-color:var(--light);flex-direction:column;align-items:center;justify-content:flex-start;padding-top:2rem;gap:2rem;transition:var(--transition);box-shadow:var(--shadow)}.nav-links.active{left:0}.nav-links a{font-size:1.2rem}}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nav-links.active a{animation:fadeIn 0.5s ease forwards}.nav-links.active a:nth-child(1){animation-delay:0.1s}.nav-links.active a:nth-child(2){animation-delay:0.2s}.nav-links.active a:nth-child(3){animation-delay:0.3s}.nav-links.active a:nth-child(4){animation-delay:0.4s}.nav-links.active a:nth-child(5){animation-delay:0.5s}.nav-links.active a:nth-child(6){animation-delay:0.6s}.nav-links.active a:nth-child(7){animation-delay:0.7s}