/* NAVIGATION */
.navbar { position: fixed; top: 0; width: 100%; background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); z-index: 1000; border-bottom: 1px solid rgba(0, 0, 0, 0.1); transition: all 0.3s ease; }
.nav-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; display: flex; justify-content: space-between; align-items: center; height: 70px; }
.nav-logo { display: flex; align-items: center; gap: 0.5rem; }
.nav-logo-img { height: 40px; width: auto; border-radius: 4px; }
.nav-logo h2 { color: #000000; font-weight: 700; font-size: 1.5rem; }
.nav-menu { display: flex; list-style: none; gap: 2rem; }
.nav-link { text-decoration: none; color: #333; font-weight: 500; transition: color 0.3s ease; position: relative; padding: 8px 12px; border-radius: 4px; }
.nav-link:hover { color: #2563eb; }
.nav-link:focus { outline: 2px solid #2563eb; outline-offset: 2px; }
.nav-link::after { content: ''; position: absolute; width: 0; height: 2px; bottom: -5px; left: 0; background-color: #2563eb; transition: width 0.3s ease; }
.nav-link:hover::after { width: 100%; }
.hamburger { display: none; flex-direction: column; cursor: pointer; background: none; border: none; padding: 8px; border-radius: 4px; transition: background-color 0.3s ease; }
.hamburger:hover { background-color: rgba(0, 0, 0, 0.05); }
.hamburger:focus { outline: 2px solid #2563eb; outline-offset: 2px; }
.bar { width: 25px; height: 3px; background-color: #333; margin: 3px 0; transition: 0.3s; border-radius: 2px; }