.header{height:var(--header-height);justify-content:space-between;position:fixed;top:0;left:0;z-index:50;width:100%;padding:0 var(--space-container);background:hsla(0,0%,100%,.88);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:border-color var(--transition),box-shadow var(--transition)}.header,.header-nav{display:flex;align-items:center}.header-nav{gap:clamp(.75rem,2.5vw,2rem)}.header-logo-btn{display:inline-flex;align-items:center;line-height:0}.header-logo{width:48px;height:48px;transition:opacity var(--transition)}.header-logo:hover{opacity:.75}.header-nav-item{font-size:var(--font-size-sm);font-weight:500;color:var(--color-brand);letter-spacing:.01em;transition:color var(--transition)}.header-nav-item:hover{color:var(--color-brand-dark)}@media (max-width:640px){.header-nav-item:not(.header-logo-btn){font-size:.8rem}}.link{position:relative;display:inline-block;color:var(--color-brand);text-decoration:none;transition:color var(--transition)}.link:after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:1.5px;background:var(--color-brand);transition:width var(--transition)}.link:hover:after{width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.75rem;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500;letter-spacing:.02em;text-decoration:none;transition:background-color var(--transition),color var(--transition),transform var(--transition),box-shadow var(--transition)}.btn:hover{transform:translateY(-1px)}.btn-primary{background-color:var(--color-brand);color:#fff;box-shadow:0 4px 16px rgba(89,107,91,.25)}.btn-primary:hover{background-color:var(--color-brand-dark);box-shadow:0 6px 20px rgba(89,107,91,.3)}.btn-ghost{background:transparent;color:var(--color-brand);border:1.5px solid var(--color-brand)}.btn-ghost:hover{background:var(--color-brand-soft)}.btn-on-brand{background:transparent;color:#fff;border:1.5px solid hsla(0,0%,100%,.7);align-self:flex-start}.btn-on-brand:hover{background:hsla(0,0%,100%,.12);transform:translateY(-1px)}