.header-glass{background:var(--header-bg);border-bottom:1px solid var(--header-border)}.nav-link{font-family:var(--font-sans);color:var(--text-tertiary);border-radius:var(--radius-md);transition:color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);align-items:center;gap:7px;padding:8px 14px;font-size:14px;font-weight:500;display:flex;position:relative}.nav-link:hover{color:var(--text-primary);background:var(--header-nav-hover)}.nav-link.active{color:var(--accent);background:var(--accent-subtle)}.credits-badge{background:var(--accent-subtle);border-radius:var(--radius-full);font-family:var(--font-sans);color:var(--accent);transition:background var(--duration-fast) var(--ease-out);border:1px solid #0000;align-items:center;gap:6px;padding:7px 13px;font-size:13px;font-weight:600;display:flex}.credits-badge:hover{color:var(--accent-hover);background:#0076df24}.auth-btn{background:var(--accent);border-radius:var(--radius-md);font-family:var(--font-sans);color:var(--accent-on);box-shadow:var(--shadow-xs);transition:background var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);align-items:center;padding:10px 20px;font-size:14px;font-weight:600;display:inline-flex}.auth-btn:hover{background:var(--accent-hover);color:var(--accent-on);box-shadow:var(--shadow-accent)}.mega-menu{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl)}.category-item{border-radius:var(--radius-md);transition:background var(--duration-fast) var(--ease-out);cursor:pointer;align-items:center;gap:12px;padding:10px;display:flex}.category-item:hover{background:var(--bg-page)}.category-icon{border-radius:var(--radius-md);width:40px;height:40px;transition:transform var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;display:flex}.category-item:hover .category-icon{transform:scale(1.05)}.category-name{font-family:var(--font-sans);color:var(--text-tertiary);transition:color var(--duration-fast) var(--ease-out);font-size:14px;font-weight:500}.category-item:hover .category-name{color:var(--text-primary)}.tag-item{border-radius:var(--radius-md);transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);cursor:pointer;font-family:var(--font-sans);color:var(--text-tertiary);align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:500;display:flex}.tag-item:hover{background:var(--bg-page);color:var(--text-primary)}