.navbar{z-index:10;border-bottom:1px solid var(--grayfifth);justify-content:space-between;align-items:center;width:100%;margin:0 auto;padding:.3rem 4.5rem;transition:all .3s;display:flex;position:sticky;top:0}.navbar.transparent{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;border-bottom-color:#0000!important}.navbar.scrolled{background-color:var(--black);z-index:10;background:color-mix(in srgb,var(--purplethird)95%,transparent);-webkit-backdrop-filter:blur(18px)saturate(150%)}@media (min-width:1301px){@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.navbar.scrolled{background:color-mix(in srgb,var(--purplethird)70%,transparent);-webkit-backdrop-filter:blur(18px)saturate(150%);backdrop-filter:blur(18px)saturate(150%)}}}.navbar-logo{flex-direction:row;align-items:center;gap:30px;display:flex}.navbar-logo img{cursor:pointer;height:70px}.navbar-menu{align-items:center;display:flex}.navbar-links{gap:15px;margin:0;padding:0 2rem 0 0;list-style:none;display:flex}.navbar-links li{padding:.5rem 1rem}.navbar-links a{color:var(--blueprimary);font-size:1.1rem;font-weight:400;text-decoration:none;transition:color .3s;position:relative}.navbar-links a:after{content:"";transform-origin:0;background-color:#1f304e;width:100%;height:1px;transition:transform .3s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.navbar-links a:hover:after{transform:scaleX(1)}.navbar-actions{gap:25px;display:flex}.navbar-actions a{color:var(--white);background-color:var(--blueprimary);border-radius:20px;flex-direction:row;gap:.5rem;padding:1rem 2rem;font-size:1.1rem;font-weight:500;text-decoration:none;transition:all .3s ease-in-out;display:flex}.navbar-actions a:hover{background-color:var(--bluesecondary);border-color:var(--bluesecondary)}.cta-arrow{align-self:center;transition:transform .3s ease-in-out}.navbar-actions:hover .cta-arrow{transform:translate(3px)}.hamburger{cursor:pointer;z-index:1000;background:0 0;border:none;flex-direction:column;gap:5px;padding:0;display:none}.hamburger span{background-color:var(--blueprimary);z-index:2000;border-radius:3px;width:30px;height:3px;transition:all .3s}.hamburger span.active:first-child{z-index:2000;transform:rotate(45deg)translate(5px,5px)}.hamburger span.active:nth-child(2){opacity:0;z-index:2000}.hamburger span.active:nth-child(3){z-index:2000;transform:rotate(-45deg)translate(7px,-6px)}@media (max-width:1300px){.navbar{background-color:var(--purplethird);z-index:1000;background:color-mix(in srgb,var(--purplethird)95%,transparent);-webkit-backdrop-filter:blur(14px)saturate(140%);border-radius:0;width:100%;padding-left:1rem;padding-right:1rem}.navbar:has(.navbar-menu.active){-webkit-backdrop-filter:none!important;background:0 0!important;border-bottom-color:#0000!important}.navbar-logo{justify-content:space-between;width:100%}.navbar-logo img{z-index:1000}.hamburger{z-index:2000;display:flex;position:relative}.navbar-menu{will-change:transform;z-index:999;text-align:start;visibility:hidden;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(24px)saturate(160%);backdrop-filter:blur(24px)saturate(160%);background:#fffc;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;transition:transform .4s cubic-bezier(.4,0,.2,1),visibility 0s .4s,opacity .4s;display:flex;position:fixed;top:0;left:0;transform:translateY(-100%);box-shadow:0 8px 32px #1f304e1a}@supports not ((-webkit-backdrop-filter:blur(24px)) or (backdrop-filter:blur(24px))){.navbar-menu{background-color:var(--white)}}.navbar-menu.active{visibility:visible;opacity:1;pointer-events:auto;transition:transform .4s cubic-bezier(.4,0,.2,1),visibility,opacity .4s;transform:translateY(0)}.navbar-links{flex-direction:column;gap:0;padding:2rem 2rem 0}.navbar-links a{border-bottom:1px solid var(--graysixth);padding:1rem 0;font-size:1.3rem;display:block}.navbar-links a:after{display:none}.navbar-actions{flex-direction:column;margin-left:0;padding:1rem;display:none;position:static}.navbar-menu.active .navbar-actions{display:flex}.navbar-actions a{text-align:center;width:100%;padding:1rem 4rem;font-size:1.3rem}}@media (max-width:576px){.navbar-logo img{height:60px}.navbar-links{padding:1rem 0}.navbar-links a{padding:.8rem 0;font-size:1.3rem}.navbar-actions{padding:0}}
