.navbar-wrapper{z-index:1000;pointer-events:none;justify-content:center;width:100%;padding-right:4px;transition:top .4s cubic-bezier(.23,1,.32,1);display:flex;position:fixed;top:32px;left:0}.navbar-wrapper.hidden{top:-100px}.navbar-pill{pointer-events:auto;background:0 0;border-radius:999px;padding:2px;position:relative}.navbar-border{-webkit-mask-composite:xor;background:linear-gradient(135deg,#7c3aed 0%,#22d3ee 45%,#a8d520 100%);border-radius:999px;padding:2px;animation:4s linear infinite borderRotate;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes borderRotate{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}.navbar-inner{-webkit-backdrop-filter:blur(20px);background:#1e1e1ef7;border-radius:999px;justify-content:center;align-items:center;gap:0;min-width:320px;padding:12px 48px;display:flex;position:relative}.navbar-logo{flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.logo-icon{border-radius:8px;justify-content:center;align-items:center;transition:transform .3s,filter .3s;display:flex;overflow:hidden}.logo-icon:hover{filter:drop-shadow(0 0 8px #a8d52080);transform:scale(1.08)}.navbar-divider{background:linear-gradient(#0000,#a8d5204d,#0000);flex-shrink:0;width:1px;height:40px;margin:0 48px}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:8px;width:52px;height:52px;padding:6px;display:flex;position:relative}.bar{transform-origin:50%;background:#a8d520;border-radius:2px;width:30px;height:3px;transition:transform .35s cubic-bezier(.23,1,.32,1),opacity .25s,width .3s;display:block}.hamburger.open .bar-1{transform:translateY(11px)rotate(45deg)}.hamburger.open .bar-2{opacity:0;transform:scaleX(0)}.hamburger.open .bar-3{transform:translateY(-11px)rotate(-45deg)}.hamburger:hover .bar{background:#c8f040}.mobile-overlay-menu{z-index:9999;-webkit-backdrop-filter:blur(10px);visibility:hidden;opacity:0;background-color:#0b0b0cfa;flex-direction:column;padding:40px;transition:opacity .3s,visibility .3s;display:flex;position:fixed;inset:0;overflow-y:auto}.mobile-overlay-menu.visible{visibility:visible;opacity:1}.menu-close-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .2s,background .2s;display:flex;position:absolute;top:40px;right:40px}.menu-close-btn svg{width:24px;height:24px}.menu-close-btn:hover{background:#ffffff0d;transform:scale(1.05)}.menu-content-wrapper{flex-direction:column;flex:1;justify-content:space-between;margin-top:80px;display:flex}.mobile-nav-links{flex-direction:column;align-items:flex-start;gap:24px;display:flex}.mobile-nav-item{color:#fff;letter-spacing:-.02em;cursor:pointer;background:0 0;border:none;align-items:center;gap:16px;padding:0;font-family:inherit;font-size:clamp(48px,8vw,64px);font-weight:300;text-decoration:none;transition:color .2s;display:flex}.mobile-nav-item:hover{color:#a8d520}.accordion-icon{opacity:.5;width:24px;height:24px;transition:transform .3s}.mobile-nav-accordion.open .accordion-icon{transform:rotate(180deg)}.accordion-content{opacity:0;flex-direction:column;gap:16px;max-height:0;margin-top:16px;margin-bottom:16px;padding-left:0;transition:max-height .4s,opacity .4s;display:flex;overflow:hidden}.mobile-nav-accordion.open .accordion-content{opacity:1;max-height:400px}.accordion-content a{color:#ffffffb3;font-size:clamp(24px,4vw,32px);font-weight:300;text-decoration:none;transition:color .2s}.accordion-content a:hover{color:#a8d520}.mobile-menu-footer{flex-direction:column;gap:32px;margin-top:60px;display:flex}.mobile-menu-footer .footer-socials{gap:20px;display:flex}.mobile-menu-footer .footer-copyright{color:#fff6;text-align:center;align-self:center;margin:0;font-size:14px;font-weight:300}@media (max-width:768px){.navbar-wrapper{padding-right:0;top:16px}.navbar-inner{gap:0;min-width:auto;padding:8px 20px}.navbar-logo img{width:32px!important;height:32px!important}.navbar-divider{height:24px;margin:0 20px}.hamburger{gap:6px;width:36px;height:36px;padding:4px}.bar{width:22px;height:2px}.hamburger.open .bar-1{transform:translateY(8px)rotate(45deg)}.hamburger.open .bar-3{transform:translateY(-8px)rotate(-45deg)}.mobile-overlay-menu{padding:24px 24px 32px}.menu-close-btn{width:40px;height:40px;top:24px;right:24px}.menu-close-btn svg{width:20px;height:20px}.menu-content-wrapper{margin-top:64px}.mobile-nav-item{font-size:clamp(36px,10vw,52px)}.accordion-content a{font-size:clamp(20px,5.5vw,28px)}.mobile-menu-footer{gap:20px;margin-top:40px}.mobile-menu-footer .footer-socials{flex-wrap:wrap;gap:14px}}