.navbar{position:-webkit-sticky;position:sticky;top:0;z-index:1000;background:#fff;padding:1.25rem 2rem;box-shadow:0 4px 24px rgba(0,150,136,.08);border-radius:1.25rem;margin:2rem auto;max-width:900px;position:relative}.navbar__container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.navbar__logo{font-size:2rem;font-weight:900;color:#009688;letter-spacing:1px;padding-right:1rem;text-shadow:0 2px 8px rgba(0,150,136,.1)}.navbar__toggle{display:none;font-size:2rem;line-height:1;background:none;border:none;color:#009688;cursor:pointer;margin-left:1rem;z-index:1000}.navbar__links{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.navbar__item{display:flex;align-items:center}.navbar__link{all:unset;cursor:pointer;font-size:1.05rem;font-weight:600;color:#009688;padding:.4rem 1rem;border-radius:6px;transition:background .2s,color .2s;text-decoration:none}.navbar__link:focus,.navbar__link:hover{background:#e0f2f1;color:#00796B}@media (max-width:900px){.navbar{max-width:100%;border-radius:0;margin:0;padding:1rem}.navbar__container{flex-direction:row}.navbar__toggle{display:block}.navbar__links{position:absolute;top:100%;left:0;right:0;background:#fff;box-shadow:0 8px 32px rgba(0,150,136,.1);flex-direction:column;gap:1rem;padding:1.5rem 2rem;border-radius:0 0 1.25rem 1.25rem;display:none}.navbar__links--active{display:flex}}