.navtop-header{padding:1rem 2rem;position:fixed;top:0;left:0;right:0;z-index:1000;backdrop-filter:blur(10px);background-color:rgba(255,255,255,0.6);box-shadow:0 2px 8px rgba(0,0,0,0.05)}.navtop-nav{display:flex;justify-content:space-between;align-items:center;margin:0 auto}.navtop-logo svg{display:block;height:40px;width:auto;fill:var(--logo-color);transition:fill 0.3s ease}.navtop-logo:hover svg{fill:var(--logo-color-hover)}.navtop-social-icons{display:flex;gap:2rem;padding-right:4rem}.navtop-social-icons a img{height:24px;width:24px;display:block;transition:opacity 0.3s ease}.navtop-social-icons a:hover img{opacity:0.7}@media (max-width:500px){.navtop-nav{flex-direction:column;gap:1rem}.navtop-social-icons{justify-content:center;padding-right:0}}