.navbar{z-index:1000;background:0 0;justify-content:space-between;align-items:center;width:calc(100% - 50px);margin-top:25px;padding:10px 0;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:25px}.navbar.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border-radius:50px;padding:10px 12px 10px 30px}.navbarLogo-Menu{align-items:center;gap:100px;display:flex}.logo-container{align-items:center;width:100px;height:40px;display:flex;position:relative}.nav-logo{color:#fff;width:100px;height:auto;transition:color .4s}.navbar.scrolled .nav-logo{color:#eee}.nav-links{gap:20px;display:flex}.nav-links a{color:#fff;font-size:.95rem;text-decoration:none;transition:color .3s}.navbar.scrolled .nav-links a{color:#ccc}.cta-button{cursor:pointer;color:var(--accentColour);z-index:0;border:1px solid #fff3;border-radius:32px;padding:10px 24px;font-size:.95rem;font-weight:400;transition:all .3s;position:relative}.navbar.scrolled .cta-button{color:var(--accentColour);background-color:#000}.hamburger{cursor:pointer;z-index:1100;background:0 0;border:none;flex-direction:column;gap:5px;padding:5px;display:none}.line{background-color:var(--accentColour);width:25px;height:2px;transition:all .3s}.navbar.scrolled .line{background-color:var(--accentColour)}@media (max-width:1024px){.navbarLogo-Menu{gap:40px}}@media (max-width:768px){.navbar{width:calc(100% - 40px);margin-top:15px;padding:10px 0;left:20px}.navbar.scrolled{padding:10px 12px 10px 20px}.hamburger{display:flex}.nav-links{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;pointer-events:none;background:#000c;flex-direction:column;align-items:flex-start;gap:20px;width:100%;max-height:0;padding:20px 30px;transition:max-height .4s ease-in-out,padding .3s;position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 10px 20px #0000001a}.nav-links.open{opacity:1;pointer-events:all;max-height:400px;padding:30px}.nav-links a{width:100%;font-size:1.1rem;color:#ccc!important}.nav-right{align-items:center;gap:15px;display:flex}.line.open:first-child{transform:translateY(7px)rotate(45deg)}.line.open:nth-child(2){opacity:0}.line.open:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.navbar.menu-open .line{background-color:#000}}@media (max-width:480px){.cta-button{padding:8px 15px;font-size:.8rem}}
