.nav{z-index:1000;background-color:var(--secondary-color);border-bottom:1px solid var(--border-color);padding:10px 0;position:sticky;top:0}.nav__container{justify-content:space-between;align-items:center;gap:20px;padding:10px 20px;display:flex;position:relative}.nav__brand{z-index:1;align-items:center;text-decoration:none;display:inline-flex;position:relative}.nav__logo{color:#fff;letter-spacing:.08em;text-transform:uppercase;font-size:1.5rem;font-weight:700}.nav__list{justify-content:center;align-items:center;gap:20px;margin:0;padding:0;list-style:none;display:flex;position:absolute;left:50%;transform:translate(-50%)}.nav__link{color:#fff;border-bottom:2px solid #0000;padding:8px 0;text-decoration:none;transition:all .2s}.nav__link:hover,.nav__link.active{border-bottom-color:var(--accent-color);color:var(--accent-color)}.nav__login{z-index:1;border:1px solid var(--accent-color);background-color:var(--accent-color);color:var(--secondary-color);border-radius:4px;padding:8px 16px;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;position:relative}.nav__login:hover{color:var(--accent-color);background-color:#0000}@media (width<=760px){.nav__container{gap:12px}.nav__list{gap:12px;margin-left:auto;position:static;transform:none}.nav__link{font-size:13px}.nav__list li:nth-child(n+4){display:none}.nav__login{padding:7px 11px;font-size:13px}}.footer{text-align:center;background-color:#fff;border-top:1px solid #ddd;padding:20px}