.topnav-container{position:fixed;top:0;left:0;right:0;width:100%;z-index:1300;transform:translateY(-100%);transition:transform .4s cubic-bezier(.4,0,.2,1);will-change:transform}.topnav-container.visible{transform:translateY(0)}.topnav-toggle-button{position:fixed;left:50%;transform:translateX(-50%);z-index:1301;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:0 0 12px 12px;padding:2px 10px;cursor:pointer;box-shadow:0 4px 12px rgba(102,126,234,.4);transition:all .3s cubic-bezier(.4,0,.2,1),background .4s ease-in-out;display:flex;align-items:center;justify-content:center;outline:none}.topnav-toggle-button:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 6px 20px rgba(102,126,234,.6);transform:translateX(-50%) scale(1.05)}.topnav-toggle-button:active{transform:translateX(-50%) scale(.95)}.topnav-toggle-button.header-closed{top:0}.topnav-toggle-button.header-open{top:65px}.chevron-icon{color:white;transition:transform .3s cubic-bezier(.4,0,.2,1);display:block}.topnav-toggle-button.header-open .chevron-icon{transform:rotate(180deg)}@keyframes pulse{0%,to{box-shadow:0 4px 12px rgba(102,126,234,.4)}50%{box-shadow:0 4px 20px rgba(102,126,234,.8)}}.topnav-toggle-button.header-closed{animation:pulse 2s ease-in-out infinite}@keyframes slideDown{0%{transform:translateY(-100%)}70%{transform:translateY(2px)}to{transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(0)}to{transform:translateY(-100%)}}.topnav-container.animating-down{animation:slideDown .45s cubic-bezier(.34,1.56,.64,1) forwards}.topnav-container.animating-up{animation:slideUp .35s cubic-bezier(.4,0,.6,1) forwards}.topnav-container.visible:after{content:"";position:absolute;bottom:-8px;left:0;right:0;height:8px;background:linear-gradient(180deg,rgba(0,0,0,.1),transparent);opacity:0;transition:opacity .3s ease;opacity:1}