.header{background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:.75rem 0;position:fixed;top:0;left:0;width:100%;z-index:100;box-shadow:0 1px 2px #0000000d}.header.with-banner{top:2.5rem}.header-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.header-logo{font-size:1.35rem;font-weight:600;text-decoration:none;transition:opacity .2s ease}.header-logo:hover{opacity:.8}.header-nav{display:flex;gap:2rem;align-items:center}.header-link{color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:.95rem;padding:.35rem .7rem;border-radius:var(--radius);transition:all .2s ease;position:relative}.header-link:after{content:"";position:absolute;bottom:-2px;left:50%;width:0;height:2px;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);transition:all .3s ease;transform:translate(-50%)}.header-link:hover{color:var(--primary)}.header-link:hover:after{width:80%}.header-link.active{color:var(--primary)}.header-link.active:after{width:80%}@media(max-width:768px){.header-container{padding:0 1rem}.header-nav{gap:1rem}.header-link{font-size:.9rem;padding:.3rem .6rem}}