nav{width:100%;position:fixed;top:0;left:0;background:linear-gradient(90deg,var(--primary),var(--secondary));display:flex;justify-content:space-between;align-items:center;padding:0.8rem 2rem;z-index:1000;box-shadow:0 4px 12px rgba(0,0,0,0.3)}.logo{font-size:1.4rem;font-weight:bold;letter-spacing:1px;cursor:pointer;transition:transform var(--transition)}.logo:hover{transform:scale(1.05)}.nav-links{display:flex;gap:1.5rem;list-style:none}.nav-links a{text-decoration:none;color:var(--text-light);font-weight:500;transition:color var(--transition),transform var(--transition);position:relative}.nav-links a::after{content:"";position:absolute;left:0;bottom:-4px;width:0%;height:2px;background:var(--text-light);transition:width var(--transition)}.nav-links a:hover{color:#fff;transform:translateY(-2px)}.nav-links a:hover::after{width:100%}.burger{display:none;flex-direction:column;gap:5px;cursor:pointer}.burger span{width:25px;height:3px;background:var(--text-light);transition:var(--transition)}@media (max-width:768px){.nav-links{position:absolute;top:56px;right:0;background:var(--primary);flex-direction:column;width:280px;padding:1rem;border-radius:0 0 0 12px;transform:translateX(100%);transition:transform var(--transition)}.nav-links.active{transform:translateX(0)}.burger{display:flex}}