:root{--brand-bg:#fff;--brand-text:#2c3e50;--accent:#e74c3c;--hover:#3498db;--transition:cubic-bezier(.25,.46,.45,.94)}.navbar{z-index:50;background:var(--brand-bg);width:100%;color:var(--brand-text);border-bottom:1px solid #0000000f;position:fixed;top:0;left:0}.navbar__container{justify-content:space-between;align-items:center;max-width:1280px;height:64px;margin:0 auto;padding:0 1rem;display:flex}.navbar__brand{align-items:center;gap:.75rem;padding-left:1.5rem;display:flex}.navbar__logo{max-width:180px;height:auto}.navbar__title{font-size:1.25rem;font-weight:700}.navbar__menu{align-items:center;gap:1.25rem;margin:0;padding:0;list-style:none;display:flex}.navbar__item{position:relative}.navbar__link{color:var(--brand-text);transition:color .3s var(--transition);padding:.5rem .25rem;font-weight:500;text-decoration:none;display:inline-block}.navbar__link:hover{color:var(--hover)}.navbar__link:after{content:"";background:var(--hover);width:0;height:2px;transition:width .3s ease-in-out;position:absolute;bottom:-2px;left:0}.navbar__link:hover:after{width:100%}.navbar__link--active{border-bottom:2px solid var(--accent);font-weight:700}.navbar__link--active:after{display:none}.navbar__item--active:after{content:"";background:var(--accent);width:100%;height:2px;position:absolute;bottom:-2px;left:0}.navbar__dropdown-toggle{align-items:center;gap:.5rem;display:inline-flex}.navbar__submenu{opacity:0;min-width:240px;transition:opacity .2s var(--transition),transform .2s var(--transition);background:#fff;border:1px solid #00000014;border-radius:8px;padding:.75rem;display:none;position:absolute;top:100%;left:0;transform:translateY(8px);box-shadow:0 4px 8px #0000001a}.navbar__submenu--open{opacity:1;display:block;transform:translateY(0)}.navbar__submenu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.navbar__submenu-link{color:#34495e;transition:background .2s var(--transition),color .2s var(--transition);border-radius:6px;padding:.5rem;text-decoration:none}.navbar__submenu-link:hover,.navbar__submenu-link:focus{color:#2c3e50;background:#3498db14;outline:none}.navbar__search{position:relative}.navbar__search-input{width:240px;color:var(--brand-text);transition:border-color .2s var(--transition),box-shadow .2s var(--transition);border:1px solid #d0d7de;border-radius:6px;padding:.5rem 2rem .5rem .75rem}.navbar__search-input:focus{border-color:#3498db;outline:none;box-shadow:0 0 0 3px #3498db33}.navbar__search-icon{color:#7f8c8d;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.navbar__icons{align-items:center;gap:.75rem;margin-left:1rem;display:flex}.navbar__icon-btn{color:var(--brand-text);cursor:pointer;transition:color .2s var(--transition),background .2s var(--transition);background:0 0;border:none;border-radius:6px;padding:.5rem;font-size:1.1rem}.navbar__icon-btn:hover,.navbar__icon-btn:focus{color:#3498db;background:#3498db14;outline:none}.navbar__cta{gap:.5rem;margin-left:1rem;display:flex}.navbar__btn{background:var(--accent);color:#fff;cursor:pointer;transition:filter .2s var(--transition),transform .2s var(--transition);border:none;border-radius:4px;padding:.8rem 1.5rem;font-weight:700}.navbar__btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.navbar__btn--outline{color:var(--accent);border:2px solid var(--accent);background:0 0}.navbar [tabindex="0"]:focus,.navbar__link:focus,.navbar__submenu-link:focus,.navbar__icon-btn:focus{outline-offset:2px;outline:2px solid #3498db}.navbar__toggle{display:none}@media (max-width:767.98px){.navbar__container{flex-wrap:wrap;height:auto;padding:.5rem 1rem}.navbar__brand{padding-left:1rem}.navbar__toggle{color:var(--brand-text);background:0 0;border:none;border-radius:6px;padding:.5rem;font-size:1.25rem;display:block}.navbar__menu{flex-direction:column;width:100%;padding:.75rem 0;display:none}.navbar__menu--open{display:flex}.navbar__cta,.navbar__icons,.navbar__search{justify-content:flex-start;width:100%;margin-top:.5rem}}@media (min-width:768px) and (max-width:1024px){.navbar__container{padding:0 1rem}.navbar__menu{gap:1rem}}@media (min-width:1025px){.navbar__container{padding:0 1.5rem}}