.public-nav{background:var(--brand-surface);border-bottom:1px solid var(--brand-border);box-shadow:0 1px 3px 0 rgba(0,0,0,.1);position:sticky;top:0;z-index:50}.public-nav__container{align-items:center;display:flex;height:4rem;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 1rem}.public-nav__logo-link{color:var(--brand-primary);font-size:1.25rem;font-weight:700;text-decoration:none;transition:color .2s ease;&:hover{color:var(--brand-primary-hover)}}.public-nav__desktop{align-items:center;display:flex;gap:2rem;@media (max-width:768px){display:none}}.public-nav__menu{align-items:center;display:flex;gap:2rem;list-style:none;margin:0;padding:0}.public-nav__item{position:relative}.public-nav__link{align-items:center;background:none;border:none;color:var(--brand-text-primary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 0;text-decoration:none;transition:color .2s ease;&:focus,&:hover{color:var(--brand-primary);outline:none}}.public-nav__dropdown-trigger{&[aria-expanded=true]{color:var(--brand-primary);.public-nav__dropdown-icon{transform:rotate(180deg)}}}.public-nav__dropdown-icon{transition:transform .2s ease}.public-nav__dropdown{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:.5rem;box-shadow:0 10px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);left:0;list-style:none;margin:0;min-width:200px;opacity:0;padding:.5rem 0;position:absolute;top:100%;transform:translateY(-.5rem);transition:all .2s ease;visibility:hidden;z-index:60;.public-nav__item--dropdown:focus-within &,.public-nav__item--dropdown:hover &{opacity:1;transform:translateY(0);visibility:visible}}.public-nav__dropdown-link{color:var(--brand-text-primary);display:block;font-size:.875rem;padding:.75rem 1rem;text-decoration:none;transition:all .2s ease;&:focus,&:hover{background:var(--brand-section-bg);color:var(--brand-primary);outline:none}}.public-nav__auth{align-items:center;display:flex;gap:1rem}.public-nav__auth-link{color:var(--brand-text-primary);font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s ease;&:hover{color:var(--brand-primary)}}.public-nav__auth-btn{background:var(--brand-primary);border-radius:.375rem;color:var(--brand-text-on-primary);font-size:.875rem;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease;&:hover{background:var(--brand-primary-hover);transform:translateY(-1px)}}.public-nav__mobile-toggle{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:.25rem;padding:.5rem;@media (max-width:768px){display:flex}&[aria-expanded=true]{.public-nav__hamburger-line:first-child{transform:rotate(45deg) translate(.375rem,.375rem)}.public-nav__hamburger-line:nth-child(2){opacity:0}.public-nav__hamburger-line:nth-child(3){transform:rotate(-45deg) translate(.375rem,-.375rem)}}}.public-nav__hamburger-line{background:var(--brand-text-primary);height:2px;transition:all .3s ease;width:1.5rem}.public-nav__mobile{background:var(--brand-surface);bottom:0;left:0;overflow-y:auto;position:fixed;right:0;top:4rem;transform:translateX(-100%);transition:transform .3s ease;z-index:40;@media (min-width:769px){display:none}&.active{transform:translateX(0)}}.public-nav__mobile-content{padding:1rem}.public-nav__mobile-menu{list-style:none;margin:0;padding:0}.public-nav__mobile-item{border-bottom:1px solid var(--brand-border)}.public-nav__mobile-link{color:var(--brand-text-primary);display:block;font-weight:500;padding:1rem 0;text-decoration:none;transition:color .2s ease;&:hover{color:var(--brand-primary)}&--primary{background:var(--brand-primary);border-radius:.375rem;color:var(--brand-text-on-primary);margin-top:1rem;padding:1rem;text-align:center}}.public-nav__mobile-trigger{align-items:center;background:none;border:none;color:var(--brand-text-primary);cursor:pointer;display:flex;font-weight:500;justify-content:space-between;padding:1rem 0;text-align:left;width:100%;&[aria-expanded=true]{.public-nav__mobile-icon{transform:rotate(90deg)}}}.public-nav__mobile-icon{transition:transform .2s ease}.public-nav__mobile-submenu{background:var(--brand-section-bg);border-radius:.375rem;list-style:none;margin:0 0 .5rem;max-height:0;overflow:hidden;padding:0;transition:max-height .3s ease;&.active{max-height:300px}.public-nav__mobile-link{font-size:.875rem;padding:.75rem 1rem}}