.nav-wrapper{position:fixed;top:0;left:0;right:0;z-index:var(--z-fixed);transition:all var(--duration-300) var(--ease-out);padding:0;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);height:70px;display:flex;align-items:center}.nav-scrolled{background:var(--glass-bg-strong);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-md);border-bottom-color:var(--border-default)}.nav-container{width:100%;max-width:var(--container-7xl);margin:0 auto;padding:0 var(--space-8);display:flex;align-items:center;justify-content:space-between}.nav-logo .logo-container{display:flex;align-items:center;gap:var(--space-4);text-decoration:none;margin-right:var(--space-12)}.logo-img{height:40px;width:auto;-o-object-fit:contain;object-fit:contain;transform:scale(1.99);transform-origin:left center;filter:drop-shadow(0 0 10px var(--brand-primary-glow))}.logo-text{display:flex;flex-direction:column}.logo-brand{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.logo-tagline{font-size:var(--text-sm);color:var(--brand-primary);font-weight:var(--font-semibold);opacity:.9}.nav-links-desktop{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1)}.nav-item{position:relative;padding:var(--space-2-5) var(--space-4);color:var(--text-secondary);text-decoration:none;font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-lg);transition:var(--transition-all);border:none;background:transparent;cursor:pointer}.nav-item,.nav-item-content{display:flex;align-items:center;gap:var(--space-2)}.nav-item:hover{color:var(--text-primary);background:var(--interactive-hover)}.nav-item-active{color:var(--brand-primary)!important;background:var(--brand-primary-soft)}.nav-item:after{content:"";position:absolute;bottom:4px;left:50%;width:0;height:2px;background:linear-gradient(90deg,var(--brand-primary),var(--accent-gold));transition:all var(--duration-300) var(--ease-out);transform:translateX(-50%);border-radius:var(--radius-full)}.nav-item:hover:after{width:24px}.nav-dropdown-wrapper{position:relative}.dropdown-trigger.active{color:var(--text-primary);background:var(--interactive-hover)}.chevron{transition:transform var(--duration-300) var(--ease-out)}.chevron.rotate{transform:rotate(180deg)}.dropdown-panel{position:absolute;top:calc(100% + 12px);right:0;width:480px;background:var(--bg-elevated);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-default);border-radius:var(--radius-2xl);padding:var(--space-5);box-shadow:var(--shadow-xl)}.dropdown-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.dropdown-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);text-decoration:none;color:var(--text-secondary);border-radius:var(--radius-lg);transition:var(--transition-all)}.dropdown-link:hover{background:var(--brand-primary-soft);color:var(--brand-primary)}.dropdown-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--interactive-hover);border-radius:var(--radius-md);color:var(--brand-primary);transition:var(--transition-all)}.dropdown-link:hover .dropdown-icon{background:var(--brand-primary);color:var(--text-inverse)}.dropdown-label{font-size:var(--text-sm);font-weight:var(--font-medium)}.nav-auth-desktop{display:flex;align-items:center;gap:var(--space-3)}.theme-toggle-nav{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-default);color:var(--text-secondary);transition:var(--transition-all);cursor:pointer}.theme-toggle-nav:hover{background:var(--bg-card-hover);color:var(--brand-primary);border-color:var(--brand-primary);box-shadow:var(--shadow-glow)}.theme-toggle-nav svg{transition:transform var(--duration-300) var(--ease-spring)}.theme-toggle-nav:hover svg{transform:rotate(15deg) scale(1.1)}.auth-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2-5) var(--space-5);border-radius:var(--radius-full);font-weight:var(--font-semibold);font-size:var(--text-sm);text-decoration:none;transition:var(--transition-all)}.login-btn{color:var(--text-primary);background:transparent;border:1px solid var(--border-default)}.login-btn:hover{border-color:var(--border-strong);background:var(--interactive-hover)}.signup-btn{background:linear-gradient(135deg,var(--brand-primary) 0,var(--brand-primary-hover) 100%);color:var(--text-inverse);border:none;box-shadow:0 4px 14px var(--brand-primary-glow)}.signup-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--brand-primary-glow)}.mobile-toggle{display:none;color:var(--text-primary);background:none;border:none;cursor:pointer;z-index:1002;padding:var(--space-2);border-radius:var(--radius-md);transition:var(--transition-colors)}.mobile-toggle:hover{background:var(--interactive-hover)}.mobile-overlay{position:fixed;inset:0;background:var(--bg-overlay);backdrop-filter:blur(8px);z-index:1100}.mobile-sidebar{position:fixed;top:0;right:0;bottom:0;width:85%;max-width:340px;background:var(--bg-surface);z-index:1200;display:flex;flex-direction:column;box-shadow:-10px 0 40px rgba(0,0,0,.4);border-left:1px solid var(--border-default)}.sidebar-header{padding:var(--space-6);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-default);background:var(--bg-elevated)}.sidebar-header .logo-brand{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary)}.sidebar-close{background:var(--interactive-hover);border:none;color:var(--text-primary);cursor:pointer;width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;transition:var(--transition-colors)}.sidebar-close:hover{background:var(--interactive-active);color:var(--brand-primary)}.sidebar-scroll{flex:1;overflow-y:auto;padding:var(--space-6);gap:var(--space-6)}.sidebar-scroll,.sidebar-section{display:flex;flex-direction:column}.sidebar-section{gap:var(--space-2)}.sidebar-label{font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;color:var(--brand-primary);letter-spacing:var(--tracking-wider);margin-bottom:var(--space-2)}.sidebar-link{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);color:var(--text-primary);text-decoration:none;font-weight:var(--font-medium);border-radius:var(--radius-lg);transition:var(--transition-all)}.sidebar-link:active{background:var(--interactive-active)}.sidebar-link.active{background:var(--brand-primary-soft);color:var(--brand-primary)}.sidebar-link svg{color:var(--text-muted)}.sidebar-link.active svg,.sidebar-link:hover svg{color:var(--brand-primary)}.sidebar-divider{height:1px;background:var(--border-default);width:100%;margin:var(--space-2) 0}.sidebar-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.sidebar-grid-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);color:var(--text-primary);text-decoration:none;font-size:var(--text-xs);font-weight:var(--font-semibold);text-align:center;transition:var(--transition-all)}.sidebar-grid-item:active{background:var(--bg-card-hover);border-color:var(--brand-primary)}.sidebar-grid-item svg{color:var(--brand-primary);width:24px;height:24px}.sidebar-footer{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);border-top:1px solid var(--border-default);background:var(--bg-elevated)}.sidebar-theme-row{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle)}.theme-toggle-mobile{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-all)}.theme-toggle-mobile:hover{background:var(--bg-card-hover);color:var(--brand-primary);border-color:var(--brand-primary)}.sidebar-auth-buttons{display:flex;flex-direction:column;gap:var(--space-3)}.sidebar-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3-5);border-radius:var(--radius-lg);font-weight:var(--font-semibold);font-size:var(--text-base);text-decoration:none;width:100%;transition:var(--transition-all)}.sidebar-login{color:var(--text-primary);background:transparent;border:1px solid var(--border-default)}.sidebar-login:active{background:var(--interactive-active)}.sidebar-signup{background:linear-gradient(135deg,var(--brand-primary) 0,var(--brand-primary-hover) 100%);color:var(--text-inverse);border:none}.sidebar-signup:active{opacity:.9}@media (max-width:1100px){.nav-auth-desktop,.nav-links-desktop{display:none}.mobile-toggle{display:flex;align-items:center;justify-content:center}.nav-container{padding:0 var(--space-4)}}@media (max-width:480px){.logo-tagline{display:none}.logo-img{height:32px;width:auto}.mobile-sidebar{width:100%;max-width:100%;border-left:none}}