.navBar{background:var(--color-background);z-index:999;border-radius:0 0 20px 20px;justify-content:space-between;align-items:center;width:80%;height:fit-content;padding:15px 20px;display:flex;position:fixed;top:0;transform:translateY(-100px);box-shadow:0 2px 4px #0000001a}.logo-container{cursor:pointer;width:100px}.navItem{justify-content:space-around;align-items:center;width:fit-content;display:flex;position:relative}.navItem a:last-of-type{margin-right:10px}.lastItem{background-color:var(--color-primary);color:var(--color-background);border-radius:10px;margin-right:0;padding:10px 20px;font-weight:600}.nav-link{z-index:1;padding:8px 16px;transition:color .3s;position:relative}.nav-link.active{color:#333;font-weight:700}.backButton{background-color:var(--color-secondary);cursor:pointer;width:100px;height:40px;box-shadow:var(--color-shadow);z-index:0;opacity:0;border:none;border-radius:5px;font-size:16px;transition:all .3s;position:absolute;left:0}.subMenu{border:.5px solid var(--shadow);z-index:10;cursor:pointer;background-color:#0000;border-radius:10px;flex-direction:column;gap:10px;padding:50px 10px 10px;display:none;position:absolute;top:0;right:0}.subMenu div{background-color:var(--color-background);border:1px solid red;border:1px solid var(--color-secondary);border-radius:10px;width:100%;height:100%;padding:10px;display:flex;box-shadow:5px 5px 6px #0000001a}.subMenu a{border-radius:8px;padding:5px 15px;margin-right:0!important}.subMenu a:hover{background-color:var(--color-primary);color:var(--color-background)}.rotateArrow{transform:rotate(40deg)}.mobNavIconPar{box-shadow:0 4px 12px #0000001a}.mobNavIcon{cursor:pointer;background-color:var(--color-secondary);border-radius:15px;padding:8px;display:none}.hamburger-container{flex-direction:column;justify-content:space-between;width:24px;height:20px;display:flex;position:relative}.hamburger-line{background-color:var(--color-primary);transform-origin:50%;border-radius:5px;width:100%;height:3px;transition:all .3s}.middle-line{opacity:1}.mobNavItem{background-color:var(--color-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:999;scrollbar-width:none;-ms-overflow-style:none;border-radius:20px;height:0;max-height:80vh;position:absolute;top:100px;left:0;right:0;overflow-x:hidden;box-shadow:0 4px 12px #0000001a;overflow-y:auto!important}.mobNavItem[style*="height: 80vh"]{overflow-y:auto!important}.nav-content-wrapper{flex-direction:column;gap:2rem;min-height:min-content;padding:1.7rem 1.5rem;display:flex}.nav-section{flex-direction:column;flex-shrink:0;gap:1rem;display:flex}.nav-section-title{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.875rem;font-weight:600}.nav-links-grid{flex-direction:column;gap:.5rem;display:flex}.nav-link-item{border:1px solid var(--color-border-light);border-radius:var(--radius-base);color:var(--color-foreground);background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.25rem;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 0 5px #0000001a}.nav-link-item:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px #0064e033}.nav-link-text{font-size:1.125rem;font-weight:500}.account-links{flex-direction:column;gap:.75rem;display:flex}.account-link-item{background:var(--color-background);border:1px solid var(--color-border-light);border-radius:var(--radius-base);color:var(--color-foreground);flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.25rem;text-decoration:none;transition:all .3s;display:flex}.account-link-item:hover{background:var(--color-primary);color:var(--color-background)}.account-link-content{align-items:center;gap:.75rem;display:flex}.account-link-icon{color:var(--color-text-light)}.account-link-text{font-size:1rem;font-weight:500}.mobNavItem{scrollbar-width:none}.mobNavItem .nav-content-wrapper{height:auto;overflow:visible}@media screen and (max-width:878px){.navBar{width:90%;padding:10px 16px}.hamburger-line{height:4px}.navItem{display:none}.mobNavIcon{display:flex}}