.nav{position:fixed;top:0;left:0;right:0;z-index:200;height:var(--nav-h);transition:all .3s}.nav,.nav.scrolled{background:var(--c-white)}.nav.scrolled{box-shadow:0 2px 20px rgba(17,34,49,.06)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:100%;position:relative}.nav-logo{cursor:pointer;background:none;border:none;line-height:0;padding:0;display:inline-flex;align-items:center;text-decoration:none}.nav-logo img{height:56px;width:auto;display:block}@media(max-width:360px){.nav-logo img{height:36px}}.nav-links{gap:6px;background:var(--c-white);border-radius:40px;padding:4px 6px;border:1.5px solid #e0e0e0;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.nav-links,.nav-links li{display:flex;align-items:center;list-style:none}.nav-link{display:inline-flex;align-items:center;font-size:13px;font-weight:600;color:var(--c-navy);cursor:pointer;transition:all .25s;border:none;background:transparent;font-family:Poppins,sans-serif;padding:8px 18px;border-radius:32px;text-decoration:none}.nav-link:hover{color:var(--c-navy);background:var(--c-mint)}.nav-link.active{color:var(--c-white);background:var(--c-navy);box-shadow:0 2px 8px rgba(17,34,49,.25)}.nav-right{display:flex;align-items:center;gap:8px}.nav-btn{padding:10px 20px;border-radius:12px;font-size:13px;font-weight:600;cursor:pointer;transition:all .25s;font-family:Poppins,sans-serif;border:none}.nav-btn.outline{box-shadow:inset 0 0 0 1.5px var(--c-navy);color:var(--c-navy);background:var(--c-white)}.nav-btn.outline:hover{background:var(--c-mint);color:var(--c-navy)}.nav-btn.fill{background:var(--c-navy);color:var(--c-white)}.nav-btn.fill:hover{background:#0a1623;transform:translateY(-1px);box-shadow:0 4px 16px rgba(17,34,49,.25)}.nav-avatar-btn{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--c-red),var(--c-peach));border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--c-white);transition:all .2s;box-shadow:0 2px 8px rgba(255,79,64,.35);font-size:15px;font-weight:700}.nav-avatar-btn:hover{transform:scale(1.06)}.nav-icon-btn{width:40px;height:40px;border-radius:12px;background:transparent;border:none;color:var(--c-navy);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;position:relative;text-decoration:none}.nav-icon-btn:hover{background:var(--c-mint)}.nav-notif-dot{position:absolute;top:-2px;right:-2px;width:10px;height:10px;background:var(--c-red);border-radius:50%;border:2px solid var(--c-white)}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;border:none;background:none}.hamburger span{width:24px;height:2px;background:var(--c-navy);border-radius:2px;transition:all .3s}.hamburger.open span:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-menu{position:fixed;top:var(--nav-h);left:0;right:0;background:var(--c-white);border-bottom:1px solid var(--c-red);padding:20px 16px;z-index:199;flex-direction:column;gap:4px;box-shadow:0 10px 30px rgba(17,34,49,.08)}.mobile-menu-link{display:block;padding:14px 16px;border-radius:12px;font-size:15px;font-weight:500;color:var(--c-navy);cursor:pointer;border:none;background:none;font-family:Poppins,sans-serif;text-align:left;width:100%;transition:background .2s;text-decoration:none}.mobile-menu-link:hover{background:var(--c-mint)}.mobile-menu-link.active{color:var(--c-white);font-weight:600;background:var(--c-navy);box-shadow:0 2px 8px rgba(17,34,49,.25)}.mobile-menu-divider{height:1px;background:var(--c-sand);margin:8px 0}.mobile-menu-btns{display:flex;flex-direction:column;gap:8px;padding-top:4px}.nav-mob-actions{display:none;align-items:center;gap:6px}@media(max-width:768px){.nav-links{display:none}.hamburger{display:flex}.nav-btn.fill,.nav-btn.outline{display:none}.nav-right{gap:6px}.nav-right .nav-icon-btn:first-child{display:none}.nav-mob-actions{display:flex}}.nav-link--innercircle{display:inline-flex;align-items:center;gap:6px}.nav-link--innercircle .nav-innercircle-icon{flex-shrink:0;display:block}.mobile-menu-link--innercircle{display:inline-flex;align-items:center;gap:8px}.mobile-menu-link--innercircle .nav-innercircle-icon{flex-shrink:0;display:block}.hero-mob-logo{display:none}@media(max-width:768px){.hero-mob-logo{display:flex;align-items:center;justify-content:center;margin-bottom:10px;line-height:0}.hero-mob-logo img{height:36px;width:auto;display:block}}