.nav{height:var(--header-height);display:flex;align-items:center;transition:all var(--transition-speed);width:100%}.nav__container{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:var(--container-width);margin:0 auto;padding:0 1.5rem;height:100%}.nav__brand{display:flex;align-items:center;gap:0.875rem;flex-shrink:0;min-width:max-content;transition:all var(--transition-speed)}.nav__brand:hover .nav__logo{transform:scale(1.05);box-shadow:0 0 20px rgba(102,126,234,0.4)}.nav__logo-link{display:flex;align-items:center}.nav__logo{width:40px;height:40px;background-image:url('../images/logo.png');background-size:contain;background-position:center;background-repeat:no-repeat;transition:all var(--transition-speed);filter:drop-shadow(0 2px 8px rgba(0,217,255,0.3))}.nav__title{font-family:var(--font-primary);font-weight:700;color:var(--color-text-primary);font-size:1.15rem;letter-spacing:0.02em;white-space:nowrap;min-width:max-content;text-transform:uppercase}.nav__menu{display:flex;align-items:center;gap:0.5rem;list-style:none}.nav__item{list-style:none}.nav__link{display:flex;align-items:center;gap:0.5rem;color:var(--color-text-secondary);font-family:var(--font-primary);font-size:0.95rem;font-weight:500;position:relative;padding:0.75rem 1rem;border-radius:var(--radius-md);transition:all var(--transition-speed)}.nav__link i{display:none}.nav__link::before{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%) scaleX(0);width:80%;height:2px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent);border-radius:2px;transition:transform var(--transition-speed)}.nav__link:hover{color:var(--color-text-primary);background-color:rgba(102,126,234,0.1)}.nav__link:hover::before,.nav__link.active::before{transform:translateX(-50%) scaleX(1)}.nav__link.active{color:var(--color-primary-300);background-color:rgba(102,126,234,0.15)}.nav__actions{display:flex;align-items:center;gap:0.75rem}.theme-toggle{background:rgba(45,55,72,0.5);border:1px solid rgba(74,85,104,0.3);color:var(--color-text-secondary);font-size:1.15rem;cursor:pointer;transition:all var(--transition-speed);padding:0.625rem;border-radius:var(--radius-md);min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.theme-toggle:hover{color:var(--color-primary-300);background-color:rgba(102,126,234,0.15);border-color:var(--color-primary-500);transform:scale(1.05)}.theme-toggle:focus{outline:2px solid var(--color-primary-500);outline-offset:2px}.theme-toggle i{transition:transform var(--transition-speed)}.theme-toggle:hover i{transform:rotate(15deg)}.cta-button{display:inline-flex;align-items:center;gap:0.5rem;background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));color:var(--color-white);padding:0.625rem 1.25rem;border-radius:var(--radius-md);font-family:var(--font-primary);font-weight:600;font-size:0.95rem;transition:all var(--transition-speed);min-height:44px;border:1px solid transparent;box-shadow:0 2px 8px rgba(102,126,234,0.3)}.cta-button:hover{background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-700));transform:translateY(-2px);box-shadow:0 4px 16px rgba(102,126,234,0.4)}.cta-button:active{transform:translateY(0)}.cta-button:focus{outline:2px solid var(--color-primary-300);outline-offset:2px}.nav__toggle{display:none;cursor:pointer;background:rgba(45,55,72,0.5);border:1px solid rgba(74,85,104,0.3);padding:0.625rem;border-radius:var(--radius-md);min-height:44px;min-width:44px;flex-direction:column;justify-content:center;align-items:center;transition:all var(--transition-speed)}.nav__toggle:hover{background-color:rgba(102,126,234,0.15);border-color:var(--color-primary-500)}.nav__toggle:focus{outline:2px solid var(--color-primary-500);outline-offset:2px}.nav__toggle-bar{width:24px;height:2.5px;background-color:var(--color-text-primary);border-radius:2px;transition:all var(--transition-speed);margin:2.5px 0}.nav-open .nav__toggle-bar:nth-child(1){transform:translateY(7.5px) rotate(45deg)}.nav-open .nav__toggle-bar:nth-child(2){opacity:0;transform:scaleX(0)}.nav-open .nav__toggle-bar:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}@media (max-width:992px){.nav__container{padding:0 1.5rem}.nav__menu{position:fixed;top:0;right:-100%;width:85%;max-width:350px;height:100vh;background:linear-gradient(180deg,rgba(26,32,44,0.98),rgba(45,55,72,0.98));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);flex-direction:column;justify-content:flex-start;padding:calc(var(--header-height)+2rem) 1.5rem 2rem;gap:0.5rem;box-shadow:-5px 0 30px rgba(0,0,0,0.5);transition:right 0.4s cubic-bezier(0.4,0,0.2,1);z-index:1001;overflow-y:auto;border-left:1px solid rgba(102,126,234,0.2)}.nav__menu.show-menu{right:0}.nav__item{width:100%}.nav__link{width:100%;justify-content:flex-start;padding:1rem 1.25rem;border-radius:var(--radius-lg);transition:all var(--transition-normal);font-size:1rem;margin-bottom:0.5rem;border-bottom:1px solid rgba(74,85,104,0.2);min-height:52px;display:flex;align-items:center}.nav__link::before{display:none}.nav__link i{display:inline-flex;width:24px;font-size:1.1rem;color:var(--color-primary-400)}.nav__link:hover{background:linear-gradient(90deg,rgba(102,126,234,0.15),transparent);color:var(--color-primary-300);transform:translateX(8px);border-left:3px solid var(--color-primary)}.nav__link.active{background:linear-gradient(90deg,rgba(102,126,234,0.2),transparent);color:var(--color-primary-300);border-left:4px solid var(--color-primary-500)}.nav__toggle{display:flex}.nav__actions{gap:0.5rem}.cta-button{padding:0.875rem 1.5rem;width:auto;font-size:0.9rem}.mobile-nav-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);z-index:999;opacity:0;visibility:hidden;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.mobile-nav-overlay.active{opacity:1;visibility:visible}}@media (max-width:768px){.nav__container{padding:0 0.5rem}.nav__brand{display:flex;align-items:center;gap:0.5rem;flex-shrink:0;white-space:nowrap;overflow:hidden;max-width:calc(100vw - 120px)}.nav__menu{width:90%;max-width:320px;padding:calc(var(--header-height)+1rem) 1rem 1rem;gap:0.5rem}.nav__title{font-size:1.1rem;white-space:nowrap;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;max-width:none}.nav__logo{width:32px;height:32px;flex-shrink:0}.nav__link{padding:0.75rem 0.75rem;font-size:1rem;min-height:44px;margin-bottom:0.5rem}.theme-toggle{font-size:1.1rem;padding:0.75rem;min-height:44px;min-width:44px}.cta-button{margin-top:0;padding:0.625rem 1rem;width:auto;justify-content:center;font-size:0.9rem;min-height:40px}}@media (max-width:480px){.nav__container{padding:0 0.25rem}.nav__brand{gap:0.4rem;max-width:calc(100vw - 100px)}.nav__menu{width:95%;padding:calc(var(--header-height)+1rem) 0.75rem 0.75rem}.nav__title{font-size:1rem;white-space:nowrap;flex-shrink:0}.nav__logo{width:28px;height:28px;flex-shrink:0}.nav__link{padding:0.75rem 0.5rem;font-size:0.9rem;margin-bottom:0.5rem}.nav__toggle-bar{width:22px;height:2px;margin:3px 0}.nav-open .nav__toggle-bar:nth-child(1){transform:translateY(8px) rotate(45deg)}.nav-open .nav__toggle-bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.theme-toggle{padding:0.5rem;min-height:40px;min-width:40px}.cta-button{padding:0.5rem 0.875rem;min-width:auto;width:auto;font-size:0.85rem;min-height:36px}.cta-button span:not(.fa){display:inline}.cta-button i{font-size:0.9rem}}@media (max-width:992px){html{scroll-padding-top:calc(var(--header-height)+var(--space-6))}}