.header-container{position:fixed;top:0;left:0;width:100%;z-index:100;background-color:rgba(10,22,34,.95);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:space-between;padding:2px 40px;border-bottom:1px solid rgba(255,255,255,.1);transition:background-color .3s ease}.header-scrolled{background-color:rgba(10,22,34,.98);box-shadow:0 2px 10px rgba(0,0,0,.1)}.brand-logo{display:flex;align-items:center;font-size:larger;margin-top:5px;margin-bottom:8px}.logo-text{color:white;font-size:1.2rem;font-weight:500}.main-nav,.nav-links{display:flex;padding:0}.nav-links{list-style:none;gap:80px;margin:0}.nav-link{color:white;text-decoration:none;font-size:1rem;transition:all .2s ease;font-weight:400;position:relative}.nav-link:hover{opacity:.8}.nav-link.active{font-weight:700;color:#ffffff;opacity:1}.nav-link.active:after{transform:scaleX(1)}.nav-link.active:after,.nav-link:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:2px;background-color:#1976f2;transition:transform .3s ease}.nav-link:after{transform:scaleX(0)}.nav-link:hover:after{transform:scaleX(.5)}.join-btn{display:inline-block;padding:.5rem .8rem;background-color:#1976f2;color:white;border-radius:4px;font-size:.9rem;text-decoration:none;transition:all .2s ease;font-weight:400}.join-btn.active-btn,.join-btn:hover{background-color:#1667d9}.join-btn.active-btn{font-weight:700;box-shadow:0 0 10px rgba(25,118,242,.5)}@media (max-width:1119px){.nav-links{gap:30px}.header-container{padding:2px 20px}.main-nav{display:none}.brand-logo{flex-direction:column;font-size:small;align-items:center;margin-bottom:8px}.logo-image{width:50px;height:50px}.logo-text{font-size:.8rem}}