.navbar{position:fixed;top:0;left:0;width:100%;z-index:999;justify-content:space-between;padding:16px 24px}.navbar,.navbar-right{display:flex;align-items:center}.navbar-right{gap:20px}.cta-btn{background:black;color:white;padding:10px 16px;border-radius:13px;text-decoration:none}.nav-link{color:#FFFFFFCC;opacity:.8}.nav-link .active{opacity:1}.menu{display:block;box-sizing:border-box;width:70px;padding:12px 14px;border-radius:6px;overflow:hidden;position:relative;box-shadow:0 8px 22px rgba(0,0,0,.15);transition:1.3s cubic-bezier(.53,0,.15,1.3)}.menu.expanded{width:848px;background:#FFFFFF1A}.nav-span{padding:8px;white-space:nowrap;visibility:visible;opacity:1;transition:.3s;transform:rotateY(0deg)}.nav-span:first-of-type{transition-delay:.4s}.nav-span:nth-of-type(2){transition-delay:.5s}.nav-span:nth-of-type(3){transition-delay:.6s}.nav-span:nth-of-type(4){transition-delay:.7s}.nav-span.hidden{width:0;visibility:hidden;opacity:0;transform:rotateY(90deg)}.nav-span.hidden:first-of-type{transition-delay:.3s}.nav-span.hidden:nth-of-type(2){transition-delay:.2s}.nav-span.hidden:nth-of-type(3){transition-delay:.1s}.nav-span.hidden:nth-of-type(4){transition-delay:0s}.nav-span a{text-decoration:none;font-size:20px;transition:.3s;font-weight:800}.container{position:absolute;top:0;right:calc(100% - 63px);height:27px;width:54px;transition:1s}.container.close{right:0;top:14px}.toggle{position:relative;height:27px;width:54px;cursor:pointer}.toggle:after,.toggle:before{content:"";background:#FFFFFF;width:36px;height:4.5px;position:absolute;top:0;bottom:0;right:0;left:0;margin:auto;transition:1.3s cubic-bezier(.53,0,.15,1.3)}.toggle:before{top:-30%}.toggle:after{top:30%}.toggle.close:before{transform:rotate(-225deg);top:0}.toggle.close:after{transform:rotate(225deg);top:0}.menu.mobile.expanded{padding-bottom:12px}.mobile-nav{gap:16px;padding-left:10px}.menu.mobile{width:60px;overflow:visible;position:relative}.menu.mobile.expanded{position:absolute;top:10px;right:0;width:220px;background:#ffffff1a;padding:12px;border-radius:8px;backdrop-filter:blur(10px);z-index:1000}.mobile-nav{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.mobile-nav li{width:100%}.mobile-nav .nav-span a{font-size:18px;display:block;width:100%}@media screen and (max-width:767px){.navbar{align-items:start}}.login-btn{background:linear-gradient(90deg,#FE9A00,#F54900)}