header{width:calc(100% - 4rem);max-width:1200px;display:flex;justify-content:space-between;align-items:center;position:fixed;top:2rem;left:50%;transform:translateX(-50%);padding:0 1rem;z-index:10;transition:all .3s ease-in-out;border-radius:50px;height:56px}
header.scrolled{top:1rem;background:linear-gradient(110deg,rgba(154,246,229,.15),rgba(234,164,198,.1) 50%,rgba(56,187,248,.15));backdrop-filter:blur(4px) contrast(1.1) brightness(1.1);-webkit-backdrop-filter:blur(4px) contrast(1.1) brightness(1.1);border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 30px rgba(0,0,0,.1)}
header.scrolled .header-text{display:none}
header.scrolled .header-logo img{display:block}

.header-logo{font-family:var(--heading-font);font-size:1rem;line-height:1;padding-left:.5rem;font-variant-ligatures:none;display:flex;align-items:center;gap:.5rem}
.header-logo img{display:none;height:32px;width:32px}
.header-text{display:flex;flex-direction:column;font-size:.8rem;line-height:.9}

.mobile-nav-toggle {
    display: none;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0.5rem;
}
.mobile-nav-toggle .icon-close { display: none; }

nav{display:flex;font-size:1rem}
.nav-links{display:flex;gap:1.5rem;background:rgba(255,255,255,.2);padding:.5rem 1.5rem;border-radius:50px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
nav a{text-decoration:none;color:var(--text-color);font-family:var(--primary-font)}