header{position:fixed;z-index:1000;top:0;left:0;width:100%;padding:23px 0;transition:.3s}header.scrolled{padding:14px 0;background:#fbf9fce6;backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}.nav{display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;width:150px;height:55px}.logo img{height:100%;object-fit:contain}.nav-links{display:flex;align-items:center;gap:28px;list-style:none}.nav-links a{font-size:13px;color:#6c6570;transition:.25s}.nav-links a:hover{color:var(--purple-dark)}.nav-button{padding:11px 20px;border-radius:30px;background:var(--purple-dark);color:#fff;font-size:12px;font-weight:600}.menu-button{display:none;border:0;background:transparent;color:var(--dark);font-size:27px;cursor:pointer}