.header{-webkit-backdrop-filter:blur(10px);padding:0 rem 0;z-index:100;background:#0d0d0dcc;border:2px solid #c9ff00;border-radius:65px;margin:.5rem 10rem;position:fixed;top:0;left:0;right:0}.header-container{justify-content:space-between;align-items:center;gap:46rem;max-width:1200px;margin:0 auto;padding:0 1rem;display:flex}.logo{align-items:center;display:flex}.nav{flex:1;justify-content:center;gap:2rem;display:flex}.nav-link{color:gray;flex-direction:column;align-items:center;gap:.3rem;padding-bottom:.5rem;text-decoration:none;transition:color .3s;display:flex;position:relative}.nav-icon{font-size:1.5rem}.nav-link:after{content:"";background:#c9ff00;width:0;height:2px;transition:width .3s ease-in-out;position:absolute;bottom:0;left:0}.nav-link:hover{color:#c9ff00}.nav-link:hover:after{width:100%}.nav-link.active{color:#c9ff00}.nav-link.active:after{width:100%}@media (max-width:768px){.header{margin:.5rem 1rem}.header-container{padding:0 1rem}.header{border-top:none;border-left:none;border-right:none;border-radius:0 0 10px 10px;margin:0;padding:.1rem 0}.header-container{gap:1rem;padding:0 .75rem}.nav{display:none}.logo{margin-left:auto}.logo img{width:80px!important;height:auto!important}}
.burger-btn{color:#c9ff00;cursor:pointer;z-index:1001;background:0 0;border:none;padding:.5rem;font-size:2rem;transition:opacity .3s;display:none}.burger-btn.hidden{opacity:0;pointer-events:none}.mobile-menu-overlay{z-index:1000;width:100vw;height:100vh;display:none;position:fixed;top:0;left:0;overflow:hidden}@media (max-width:768px){.mobile-menu-overlay{display:block}}.overlay-layer{width:100%;height:100%;position:absolute;top:0;left:0;transform:translateY(100%)}.overlay-layer.closing{transform:translateY(0)}.layer-black.closing{animation:.3s ease-out forwards slideDown!important}.layer-lime.closing{animation:.3s ease-out .1s forwards slideDown!important}.layer-gray.closing{animation:.3s ease-out .2s forwards slideDown!important}@keyframes slideDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}.layer-gray{z-index:1;background:#4a4a4a;animation:.3s ease-out forwards slideUp}.layer-lime{z-index:2;background:#c9ff00;animation:.3s ease-out .15s forwards slideUp}.layer-black{z-index:3;background:#0d0d0d;animation:.3s ease-out .3s forwards slideUp}@keyframes slideUp{to{transform:translateY(0)}}.mobile-menu-content{z-index:4;opacity:0;flex-direction:column;justify-content:center;align-items:center;height:100%;animation:.3s ease-out .6s forwards fadeIn;display:flex;position:relative}.mobile-menu-content.closing{animation:.2s ease-out forwards fadeOut}@keyframes fadeOut{to{opacity:0}}@keyframes fadeIn{to{opacity:1}}.close-btn{color:#c9ff00;cursor:pointer;background:0 0;border:none;padding:.5rem;font-size:2.5rem;position:absolute;top:2rem;right:2rem}.mobile-nav{flex-direction:column;align-items:center;gap:2rem;display:flex}.mobile-nav-link{color:gray;border-bottom:1px solid #4a4a4a;flex-direction:column;align-items:center;gap:.25rem;width:200px;padding-bottom:2rem;font-size:1.5rem;text-decoration:none;transition:color .3s;display:flex;position:relative}.mobile-nav-link:last-child{border-bottom:none;padding-bottom:0}.animated-line{width:150px;height:40px;position:absolute;bottom:45px;left:50%;overflow:visible;transform:translate(-50%)}.animated-line svg{width:100%;height:100%}.line-path{stroke:#cecece;fill:#c9ff00;stroke-dasharray:800;stroke-dashoffset:800px;opacity:0}.mobile-nav-link.active .line-path{animation:1.5s ease-out 1.5s forwards drawLineReverse,.1s ease-out 1.5s forwards fadeInPath}@keyframes drawLineReverse{0%{stroke-dashoffset:800px}to{stroke-dashoffset:0}}@keyframes fadeInPath{to{opacity:1}}.mobile-nav-link:hover,.mobile-nav-link.active{color:#c9ff00}.mobile-nav-icon{font-size:2.5rem}@media (max-width:768px){.burger-btn{display:block}}