.navbar{background-color:#f8f9fa;padding:0;box-shadow:0 2px 4px rgba(0,0,0,.1);position:sticky;top:0;z-index:1000;border-bottom:1px solid #e9ecef}.navbar-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 20px;height:60px}.navbar-brand{font-size:24px;font-weight:700;color:#2c3e50;text-decoration:none;transition:color .3s ease}.navbar-brand:hover{color:#3498db}.navbar-nav{display:flex;gap:30px;align-items:center}.nav-link{color:#495057;text-decoration:none;font-size:16px;font-weight:500;border-radius:4px;transition:all .3s ease;padding:6px}.nav-link:hover{background-color:#e9ecef;color:#3498db}.nav-link.active{background-color:#3498db;color:#fff}@media (max-width:768px){.navbar-container{flex-direction:column;height:auto;padding:15px 20px}.navbar-nav{margin-top:15px;flex-wrap:wrap;gap:14px;justify-content:center}.nav-link{font-size:14px;padding:6px}}