*{box-sizing:border-box}body{background-color:#f5f6fa;margin:0;padding:0}.navbar{background-color:#2c3e50;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:1000}.nav-container{height:60px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 1rem}.nav-brand,.nav-container{align-items:center;display:flex}.nav-title{color:#fff;font-size:1.3rem;font-weight:700;letter-spacing:.5px}.nav-links{display:flex;gap:.5rem}.nav-link{border-radius:6px;color:#ecf0f1;font-size:.75rem;font-weight:500;padding:.6rem 1.2rem;text-decoration:none;transition:all .2s}.nav-link.active{background-color:#3498db;color:#fff}@media(max-width:768px){.nav-container{height:48px;padding:0 .75rem}.nav-title{font-size:1rem}.nav-links{display:none}}