:root{--nav-bg: #fff;--nav-text: #333;--nav-accent: #007bff;--overlay: rgba(0, 0, 0, .3)}*{margin:0;padding:0;box-sizing:border-box}.navbar{position:sticky;top:0;width:100%;background:var(--nav-bg);box-shadow:0 2px 6px #0000001a;z-index:1000}.navbar__container{max-width:1200px;margin:0 auto;padding:.5rem 1rem;display:flex;align-items:center;justify-content:space-between}.navbar__logo{font-size:1.5rem;font-weight:700;color:var(--nav-text);text-decoration:none}.logo_box{display:flex;gap:10px}.logo_name{font-size:20px;font-family:monospace}.navbar__toggle{background:none;border:none;display:none;cursor:pointer;position:relative;z-index:1001}.navbar__toggle svg{color:var(--nav-text)}.navbar__menu{display:flex}.navbar__list{list-style:none;display:flex;align-items:center;gap:5rem}@media (max-width: 1150px){.navbar__list{gap:4.5rem}}@media (max-width: 1110px){.navbar__list{gap:4rem}}@media (max-width: 1100px){.navbar__list{gap:3.5rem}}@media (max-width: 1050px){.navbar__list{gap:3rem}}.navbar__link{text-decoration:none;color:var(--nav-text);font-weight:500;transition:color .2s;font-family:monospace}.navbar__link:hover,.navbar__link.active{color:#138a8e}.navbar__link.active{color:var(--nav-accent);font-weight:700}.sign_up{padding:5px 10px;background-color:#007bff;border-radius:8px}.sign_up:hover{transition:.15s linear;background-color:#138a8e}.navbar__item--account .navbar__link{display:flex;align-items:center;gap:.5rem}.navbar__overlay{position:fixed;inset:0;background:var(--overlay);z-index:900}@media (max-width: 990px){.navbar__toggle{display:block}.navbar__menu{position:fixed;top:0;right:0;width:75%;max-width:300px;height:100vh;background:var(--nav-bg);flex-direction:column;padding:4rem 1rem;transform:translate(100%);transition:transform .3s ease-in-out;z-index:950}.navbar__menu.open{transform:translate(0);border-bottom-left-radius:20px;border-top-left-radius:20px}.navbar__list{flex-direction:column;gap:1.5rem}}