.header{z-index:1000;-webkit-backdrop-filter:blur(16px);background:#f5f5f5cc;border-bottom:1px solid #0000000d;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 5%;position:sticky;top:0;left:0;right:0;min-height:unset!important;display:flex!important}.header.scrolled{background:#f5f5f5f5;border-bottom-color:#d81e5b1a;padding:.6rem 5%;box-shadow:0 4px 28px #00000012}.header-logo{flex-shrink:0;align-items:center;width:9rem;display:flex}.navbar{align-items:center;gap:.15rem;display:flex}.navbar-top,.navbar-footer{display:none}.navbar-links{align-items:center;gap:.15rem;display:flex}.nav-link{font-size:var(--fs-sm);color:var(--color-text);letter-spacing:.01em;white-space:nowrap;background:0 0;border-radius:.5rem;align-items:center;gap:.4rem;padding:.45rem .85rem;font-weight:600;display:flex;position:relative}.nav-link:after{content:"";background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:2px;width:0;height:2px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.nav-link:hover:after,.nav-link.active:after{width:calc(100% - 1.5rem)}.nav-link:hover,.nav-link.active{color:var(--primary);background:#d81e5b0d}.nav-link-icon{display:none}.header-right{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.header-right .full-btn{font-weight:700;font-size:var(--fs-sm)!important;background:linear-gradient(135deg,var(--primary),#f0386e)!important;border:none!important;gap:.45rem!important;padding:.55rem 1.25rem!important;box-shadow:0 3px 16px #d81e5b47!important}.header-right .full-btn:hover{background:linear-gradient(135deg,#b8143f,var(--primary))!important;transform:translateY(-1px)!important;box-shadow:0 6px 22px #d81e5b6b!important}.header-right .full-btn i{color:var(--white)!important;font-size:.75rem!important}.menu-btn{cursor:pointer;width:2.4rem;height:2.4rem;color:var(--primary);background:0 0;border:1.5px solid #d81e5b33;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;display:none}.menu-btn:hover{color:var(--primary);background:#d81e5b0f;border-color:#d81e5b59}.menu-btn i{font-size:1.1rem;color:var(--primary)!important}.nav-overlay{z-index:998;pointer-events:none;-webkit-backdrop-filter:blur();backdrop-filter:blur();background:0 0;position:fixed;inset:0}.nav-overlay.active{pointer-events:all;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000059}@media (max-width:768px){.menu-btn{display:flex}.header-right .button{display:none}.navbar{background:var(--white);z-index:999;border-left:1px solid #d81e5b14;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;width:min(300px,82vw);height:100dvh;padding:0;transition:transform .35s cubic-bezier(.4,0,.2,1);position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-12px 0 40px #0000001f}.navbar.active{transform:translate(0)}.navbar-top{border-bottom:1px solid #0000000f;flex-shrink:0;justify-content:space-between;align-items:center;padding:1.3rem 1.4rem;display:flex}.navbar-top-label{font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.1em;color:var(--gray2);font-weight:700}.nav-close-btn{cursor:pointer;width:2.2rem;height:2.2rem;color:var(--primary);background:#d81e5b12;border:none;border-radius:.5rem;justify-content:center;align-items:center;font-size:1rem;display:flex}.nav-close-btn:hover{background:#d81e5b24}.navbar-links{flex-direction:column;flex:1;align-items:stretch;gap:.3rem;padding:1rem}.nav-link{font-size:var(--fs-base);border-radius:.75rem;gap:.9rem;width:100%;padding:.85rem 1rem;font-weight:600}.nav-link:after{display:none}.nav-link:hover,.nav-link.active{color:var(--primary);background:#d81e5b12}.nav-link-icon{background:#d81e5b14;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.nav-link-icon i{color:var(--primary);font-size:.85rem}.nav-link:hover .nav-link-icon,.nav-link.active .nav-link-icon{background:linear-gradient(135deg,var(--primary),var(--secondary))}.nav-link:hover .nav-link-icon i,.nav-link.active .nav-link-icon i{color:var(--white)}.navbar-footer{border-top:1px solid #0000000f;flex-shrink:0;padding:1rem 1rem 1.5rem;display:block}.navbar-footer .button{gap:.5rem;width:100%;font-weight:700;background:linear-gradient(135deg,var(--primary),#f0386e)!important;border:none!important;box-shadow:0 4px 18px #d81e5b4d!important}.navbar-footer .button i{color:var(--white)!important}}
