.global-header{border-bottom:1px solid var(--color-border);background:#030712b3;width:100%;height:auto;padding:1.25rem 0;position:relative}.header-container{align-items:left;flex-direction:column;gap:.55rem;max-width:900px;margin:0 auto;padding:0 1rem;display:flex}.header-logo-link{flex-direction:column;justify-content:center;align-items:center;display:flex}.global-header .logo-logo{width:140px;height:auto;transition:opacity var(--transition-fast);display:block}.global-header .logo-logo:hover{opacity:.9}.menu-toggle-btn{color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:.15rem .55rem;display:flex}.menu-toggle-btn:hover{background:var(--color-border);color:var(--color-primary)}.header-menu-dropdown{background:var(--color-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:100;height:440px;color:var(--color-bg);border-radius:5px;justify-content:center;align-items:center;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideInFromRight;display:flex;position:absolute;inset:0}@keyframes slideInFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}.menu-links-container{flex-direction:column;align-items:center;gap:1rem;display:flex}.menu-nav-item{border-radius:var(--radius-md);color:#fff;transition:all var(--transition-fast);border:solid 1.3px var(--color-text-secondary);align-items:center;gap:.5rem;padding:.5rem .85rem;font-size:1rem;font-weight:600;text-decoration:none;display:flex}.menu-nav-item:hover{background:var(--color-primary-light);color:var(--color-primary)}.menu-nav-item .material-symbols-outlined{font-size:.9rem}.menu-close-btn{color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;display:flex;position:absolute;right:1.5rem}.menu-close-btn:hover{background:var(--color-border);color:var(--color-danger)}@keyframes softBounce{0%{transform:translateY(0)}30%{transform:translateY(-8px)}50%{transform:translateY(0)}70%{transform:translateY(-3px)}to{transform:translateY(0)}}.bounce-on-load{animation:1s cubic-bezier(.28,.84,.42,1) .2s forwards softBounce;display:inline-block}
